11智能在线
新记
DIV中,怎么实现图片的跑马灯效果?
要标准的,严格的代码书写方式,最好还有图片一张一张慢慢浮动的效果,谢谢大家帮助!
举报该文章
相关建议 2013-06-28
css样式文件名:StyleSheet.css#pic
{
width:600px;
height:400px;
margin-left:auto;
margin-right:auto;
border:solid 1px #cccccc;
}
#pic ul
{
display:block;
list-style:none;
}
#pic li{ display:inline;}代码:<html xmlns="
http://www.w3.org/1999/xhtml
" >
<head runat="server">
<title>无标题页</title><link href="StyleSheet.css" type="text/css" rel="stylesheet" />
</head>
<body>
<form id="form1" runat="server">
<div id="pic">
<marquee direction="left" behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()" >
<ul>
<li><img alt="test" src="
http://pc.images22.51img1.com/6000/linlan19/cc43fb5d453e28bad66d98381f958a29.gif
" style="height:400px;" /></li>
<li><img alt="test" src="
http://pe.images22.51img1.com/6000/linlan19/e5aab1c5619bc8f9fc278b8063ed0ef4.jpg
" /></li>
<li><img alt="test" src="
http://p8.images22.51img1.com/6000/linlan19/8b54f908549e6f94595c11a13526a496.gif
" /></li>
<li><img alt="test" src="
http://pc.images22.51img1.com/6000/linlan19/c550866933dbd059c0eb5c03498fd686.jpg
" /></li>
<li><img alt="test" src="
http://pd.images22.51img1.com/6000/linlan19/dff924cd48769a94bf6543e6a9a4fcf9.jpg
" /></li>
<li><img alt="test" src="
http://pb.images22.51img1.com/6000/linlan19/b4f7ce7c7629e254826eeca8dd5a441b.jpg
" /></li>
</ul>
</marquee>
</div>
</form>
</body>
</html>
温馨提示:内容为网友见解,仅供参考
当前网址:
https://11.t2y.org/zz/2vpm4mfq2.html
其他看法
无其他回答
相似回答
大家正在搜
相关问题
在网页里图片跑马灯效果怎么实现?
求一段网页代码~图片跑马灯效果
怎样实现div层中内容的跑马灯效果
html代码中如何实现图片轮换效果?
在dreamweaver中添加图片怎样做走马灯的效果?
怎么实现几个<div>之间的滚动?类似于跑马灯,但是是几个d...
如何在HTML中实现图片的滚动效果?
怎样用JavaScript实现图片的滚动效果?