<!-----------------------滑动图片 start------------------------> <div style="background-color:#000; width:800px; height:350px; float:left"> <!--块3--> <div class="wp"> <div class="main"> <div class="mleft"> <div class="banner1"> <style type="text/css"> .BannerBox { position: relative; width:800px; height:350px; overflow: hidden; z-index:0;} .BannerBox .pic img { width:800px; height:350px; display: block; } .BannerBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:5px; right:10px; z-index:3} .BannerBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:25px; height:10px; cursor:pointer; overflow:hidden; background:#aaaaaa; margin-left:4px; filter:alpha(opacity=60); opacity:.6; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease } .BannerBox .hd .on{ background:#fff; filter:alpha(opacity=20);opacity:20;} </style> <div class="BannerBox" style="margin:0 auto"> <ul class="pic"> <li><a target="_blank" href=""><img src="images/psb (16).jpg"></a></li> <li><img src="images/psb (18).jpg"/></li> <li><a href="" target="_blank"><img src="images/psb (11).jpg"/></a></li> <li><a href="" target="_blank"><img src="images/psb (4).jpg"/></a></li> <li><img src="images/psb (3).jpg"/></li> <li><img src="images/psb (2).jpg"></li> </ul> <ul class="hd"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> <script type="text/javascript"> jQuery(".BannerBox").slide({ mainCell:".pic",effect:"left", autoPlay:true, delayTime:500,interTime:15000}); </script> <!-----------------------滑动图片 end------------------------> <!-------------------通知栏 start-----------------------> </div> <div style="background-color:#000; width:300px; height:350px; float:left; "> <!-- 文字无缝上滚动 S --> <div id="txtMarqueeTop" class="sideBox"> <div class="hd"> <h3><a href="#">班级通知</a></h3> </div> <div class="bd"> <ul> <li><span>2015-10</span><a href="#">文本</a></li> <li><span>2015-10</span><a href="#"></a></li> <li><span>2015-10</span><a href="#"></a></li> </ul> </div> </div> <script type="text/javascript">jQuery("#txtMarqueeTop").slide({ mainCell:"ul",autoPlay:true,effect:"topMarquee",interTime:50,vis:7 });</script> </div> <!------------------------通知栏 end-------------------------->
- 1 回答
- 0 关注
- 1391 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消