js javascript 图片滑动快讯展示,鼠标控制图片左右滚动【转】
日期：2014-05-16 浏览次数：20372 次
js javascript 图片滑动新闻展示,鼠标控制图片左右滚动【转】
html:
html:
<!DOCTYpE html pUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS动态可控制左右滚动的图片代码(支持自动播放)</title>
<link href="css/css.css" rel="stylesheet" type="text/css">
<SCRIpT src="js/Scrollpic.js" type=text/javascript></SCRIpT>
</head>
<body>
<!--滚动图片 start-->
<div class=rollphotos>
<div class=FixTitle>
<H3>木门选择</H3><SpAN><A href="http://www.wsjhs.cn/" target=_blank>更多>></A></SpAN></div>
<div class=blk_29>
<div class=LeftBotton id=LeftArr></div>
<div class=Cont id=ISL_Cont_1><!-- 图片列表 begin -->
<div class=box><A class=imgBorder href="http://www.wangyeba.com/" target=_blank><IMG height=120 alt="维奇网" src="images/1.jpg" width=140
border=0></A>
<p><A href="http://www.wangyeba.com/"
target=_blank>魔力宝贝</A></p></div>
<div class=box><A class=imgBorder href="http://www.wangyeba.com/" target=_blank><IMG height=120 alt="维奇网" src="images/2.jpg" width=140
border=0></A>
<p><A href="http://www.wangyeba.com/"
target=_blank>Hallo kitty girl</A></p></div>
<div class=box><A class=imgBorder href="http://www.wangyeba.com/" target=_blank><IMG height=120 alt="维奇网" src="images/3.jpg" width=140
border=0></A>
<p><A href="http://www.wangyeba.com/"
target=_blank>网络美女Chilli</A></p></div>
<div class=box><A class=imgBorder href="http://www.wangyeba.com/" target=_blank><IMG height=120 alt="维奇网" src="images/4.jpg" width=140
border=0></A>
<p><A href="http://www.wangyeba.com/"
target=_blank>花恋物语</A></p></div>
<div class=box><A class=imgBorder href="http://www.wangyeba.com/" target=_blank><IMG height=120 alt="维奇网" src="images/5.jpg" width=140
border=0></A>
<p><A href="http://www.wangyeba.com/"
target=_blank>虚幻中的女子</A></p></div>
<div class=box><A class=imgBorder href="http://www.wangyeba.com/" target=_blank><IMG height=120 alt="维奇网" src="images/6.jpg" width=140
border=0></A>
<p><A href="http://www.wangyeba.com/"
target=_blank>豹纹比基尼美女</A></p></div>
<div class=box><A class=imgBorder href="http://www.wangyeba.com/" target=_blank><IMG height=120 alt="维奇网" src="images/7.jpg" width=140
border=0></A>
<p><A href="http://www.wangyeba.com/"
target=_blank>恋上香格里拉</A></p></div>
<div class=box><A class=imgBorder href="http://www.wangyeba.com/" target=_blank><IMG height=120 alt="维奇网" src="images/8.jpg" width=140
border=0></A>
<p><A href="http://www.wangyeba.com/"
target=_blank>21款精美幻彩壁纸</A></p></div><!-- 图片列表 end --></div>
<div class=RightBotton id=RightArr></div></div>
<SCRIPT language=javascript type=text/javascript>
<!--//--><![CDATA[//><!--
var scrollPic_02 = new ScrollPic();
scrollPic_02.scrollContId = "ISL_Cont_1"; //内容容器ID
scrollPic_02.arrLeftId = "LeftArr";//左箭头ID
scrollPic_02.arrRightId = "RightArr"; //右箭头ID
scrollPic_02.frameWidth = 908;//显示框宽度
scrollPic_02.pageWidth = 900; //翻页宽度
scrollPic_02.speed = 10; //移动速度(单位毫秒，越小越快)
scrollPic_02.space = 50; //每次移动像素(单位px，越大越快)
scrollPic_02.autoPlay = false; //自动播放 (默认为停止,去掉false则自动播放)
scrollPic_02.autoPlayTime = 1; //自动播放间隔时间(秒)
scrollPic_02.initialize(); //初始化
//--><!]]>
</SCRIPT>
<!--滚动图片 end-->
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
