Dreamweaver 8 这个图片轮播的代码怎么写到DW里面?
<styletype="text/css">.demo{width:650px;height:134px;margin:10pxauto;clear:both;posit...
<style type="text/css">
.demo{width:650px;height: 134px;margin: 10px auto;clear: both;position: relative;border:1px solid #d3d3d3}
.bx_wrap {margin-left: 10px;}
.bx_wrap ul img { border: 2px solid #ddd; }
.bx_wrap ul img:hover { border: 2px solid #1774AD; }
.bx_wrap ul li{text-align:center}
.bx_wrap ul li a{font-size:12px; text-decoration:none; color:#1774AD}
.bx_wrap ul li a:hover{text-decoration:none; color:#f30;}
.bx_wrap a.prev {width:20px;height:24px;line-height:24px;outline-style:none;outline-width: 0;position:absolute; top:45px; left:-2px; text-indent:-999em; background: url(img/arr_left.gif) no-repeat;}
.bx_wrap a.next {width:20px;height:24px;line-height:24px; left:626px;position: absolute;top:45px; text-indent:-999em; background:url(img/arr_right.gif) no-repeat;}
</style>
<script type="text/javascript" src="http://www.5imoban.net/download/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="bxCarousel.js"></script>
<script type="text/javascript">
$(function(){
$('#demo1').bxCarousel({
display_num: 4, //
move: 1, //
auto: true, //
controls: false, //
margin: 10, //
auto_hover: true //
auto_dir: 'prev' //。
});
$('#demo2').bxCarousel({
display_num: 4,
move: 4,
margin: 10
});
});
</script> 展开
.demo{width:650px;height: 134px;margin: 10px auto;clear: both;position: relative;border:1px solid #d3d3d3}
.bx_wrap {margin-left: 10px;}
.bx_wrap ul img { border: 2px solid #ddd; }
.bx_wrap ul img:hover { border: 2px solid #1774AD; }
.bx_wrap ul li{text-align:center}
.bx_wrap ul li a{font-size:12px; text-decoration:none; color:#1774AD}
.bx_wrap ul li a:hover{text-decoration:none; color:#f30;}
.bx_wrap a.prev {width:20px;height:24px;line-height:24px;outline-style:none;outline-width: 0;position:absolute; top:45px; left:-2px; text-indent:-999em; background: url(img/arr_left.gif) no-repeat;}
.bx_wrap a.next {width:20px;height:24px;line-height:24px; left:626px;position: absolute;top:45px; text-indent:-999em; background:url(img/arr_right.gif) no-repeat;}
</style>
<script type="text/javascript" src="http://www.5imoban.net/download/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="bxCarousel.js"></script>
<script type="text/javascript">
$(function(){
$('#demo1').bxCarousel({
display_num: 4, //
move: 1, //
auto: true, //
controls: false, //
margin: 10, //
auto_hover: true //
auto_dir: 'prev' //。
});
$('#demo2').bxCarousel({
display_num: 4,
move: 4,
margin: 10
});
});
</script> 展开
博思aippt
2024-07-20 广告
2024-07-20 广告
博思AIPPT是基于ai制作PPT的智能在线工具,它提供了4种AI制作PPT的方式,包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼文档生成PPT,一站式集成多种AI生成PPT的方式,可满足办公用户的不同需求和使用场景。ai生...
点击进入详情页
本回答由博思aippt提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询