滚动图片代码css+div 图片滚动代码

滚动图片代码  时间:2022-03-02  阅读:()

css+div 图片滚动代码

css部分:--------------------------------

#r_2 {width:768px; height:130px; padding-left:3px; padding-right:5px; background-color:#FFFFFF; overflow:hidden; :3px;display:inline; } #scroll_div{OVERFLOW: hidden;height:133px;WIDTH: 658px;white-space: nowrap;}

滚动区域:------------------------------

<DIV id="scroll_div"> <div id="r_2"> <img src="images/pro/3.jpg" width="120" height="133" border="0"/> <img src="images/pro/6.jpg" width="120" height="133" border="0"/> <img src="images/pro/7.jpg" width="120" height="133" border="0"/> <img src="images/pro/8.jpg" width="120" height="133" border="0"/> <img src="images/pro/21.jpg" width="120" height="133" border="0"/> <img src="images/pro/22.jpg" width="120" height="133" border="0"/> <img src="images/pro/23.jpg" width="120" height="133" border="0"/> <img src="images/pro/24.jpg" width="120" height="133" border="0"/> <img src="images/pro/25.jpg" width="120" height="133" border="0"/> <img src="images/pro/h_15.jpg" width="120" height="133" border="0"/> <img src="images/pro/h_2.jpg" width="120" height="133" border="0"/> <img src="images/pro/h_8.jpg" width="120" height="133" border="0"/> <img src="images/pro/h_7.jpg" width="120" height="133" border="0"/> </div>

<div id="scroll_end" style="display:inline;">

</div>

</DIV>

脚本代码:------------------------------

<SCRIPT>

var speed=1

var scroll_end = document.getElementById("scroll_end");

var scroll_div = document.getElementById("scroll_div");

scroll_end.innerHTML=r_2.innerHTML

function Marquee(){

if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0)

scroll_div.scrollLeft-=r_2.offsetWidth

else{

scroll_div.scrollLeft++

}

}

var MyMar=setInterval(Marquee,speed)

scroll_div.onmouseover=function() {clearInterval(MyMar)}

scroll_div.onmouseout=function() {MyMar=setInterval(Marquee,speed)}

</SCRIPT>

WIDTH: 658px;宽度调整一下,在你的基础上增加些代码即可。

IntoVPS:按小时计费KVM月费5美元起($0.0075/小时),6个机房可选

IntoVPS是成立于2004年的Hosterion SRL旗下于2009年推出的无管理型VPS主机品牌,商家提供基于OpenStack构建的VPS产品,支持小时计费是他的一大特色,VPS可选数据中心包括美国弗里蒙特、达拉斯、英国伦敦、荷兰和罗马尼亚等6个地区机房。商家VPS主机基于KVM架构,最低每小时0.0075美元起($5/月)。下面列出几款VPS主机配置信息。CPU:1core内存:2GB...

RackNerd 2022春节促销提供三款年付套餐 低至年付10.88美元

RackNerd 商家我们应该是比较熟悉的商家,速度一般,但是人家便宜且可选机房也是比较多的,较多集中在美国机房。包括前面的新年元旦促销的时候有提供年付10美元左右的方案,实际上RackNerd商家的营销策略也是如此,每逢节日都有活动,配置简单变化,价格基本差不多,所以我们网友看到没有必要囤货,有需要就选择。RackNerd 商家这次2022农历新年也是有几款年付套餐。低至RackNerd VPS...

月神科技-美国CERA 5折半价倒计时,上新华中100G高防云59起!

官方网站:点击访问月神科技官网优惠码:美国优惠方案:CPU:E5-2696V2,机房:国人热衷的优质 CeraNetworks机房,优惠码:3wuZD43F 【过期时间:5.31,季付年付均可用】活动方案:1、美国机房:洛杉矶CN2-GIA,100%高性能核心:2核CPU内存:2GB硬盘:50GB流量:Unmilited端口:10Mbps架构:KVM折后价:15元/月、150元/年传送:购买链接洛...

滚动图片代码为你推荐
postgresql和mysqlmysql表怎么导入postgresql云之秘境嬉戏谷云之秘境好玩吗?求达人科普?硬盘数据线多少钱硬盘连接主板的线叫什么线啊,我想买一条,大概价格是多少啊裂缝检测关于房屋墙体裂缝要如何检验湘潭手机湘潭手机店都在什么地方?就基建营进去那里吗?数据库系统概论数据库系统概论的重点是哪些章节?新中大软件新中大财务软件的账套管理系统在哪亚网举报狗亚这个大骗子有用吗?亚网请问您除了在维盟还有没有在4 inl00k上买过隐形眼镜? 或者其他网?上海长宽上海长宽ftp的网址是多少?
海外域名注册 长沙域名注册 天津服务器租赁 n点虚拟主机管理系统 pccw 国外服务器 私服服务器 59.99美元 租空间 1g内存 太原联通测速 什么是web服务器 lamp的音标 国外网页代理 如何登陆阿里云邮箱 tracker服务器 512内存 winserver2008 百度新闻源申请 防盗链 更多