模板代码，设置图片滚动代码？
1个回答
展开全部
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>滚动图</title>
<link href="css/svwp_style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jquery.slideViewerPro.1.0.js" type="text/javascript"></script>
<!-- Optional plugins -->
<script src="js/jquery.timers.js" type="text/javascript"></script>
</head>
<body>
<div class="content_box_wrapper" align="center">
<div class="content_box" >
<div id="featuredslideshow" >
<ul>
<li><a href="#" target="_parent">
<img width="400" height="300" src="photos/psuCAUVZDR8.jpg" /></a></li>
<li><a href="#" target="_parent">
<img width="400" height="300" src="photos/psuCA1K20HZ.jpg"/></a></li>
<li><a href="#" target="_parent">
<img width="400" height="300" src="photos/psuCA59FRAJ.jpg" /></a></li>
<li><a href="#" target="_parent">
<img width="400" height="300" src="photos/psuCAFVZM66.jpg" /></a></li>
<li><a href="#" target="_parent">
<img width="400" height="300" src="photos/psuCAOSF9O2.jpg" /></a></li>
<li><a href="#" target="_parent">
<img width="400" height="300" src="photos/psuCAN33HZF.jpg" /></a></li>
<li><a href="#" target="_parent">
<img width="400" height="300"src="photos/2.jpg" /></a></li>
<!-- eccetera -->
</ul>
</div>
<script type="text/javascript">
$("div#featuredslideshow").slideViewerPro({
thumbs: 4,
thumbsPercentReduction:15,
galBorderWidth: 1,
galBorderColor: "#CCCCCC",
thumbsTopMargin: 10,
thumbsRightMargin: 10,
thumbsBorderWidth: 2,
thumbsActiveBorderColor: "#993399",
thumbsActiveBorderOpacity: 1,
thumbsBorderOpacity: 1,
buttonsTextColor: "#333333",
autoslide: true,
typo: true
});
</script>
<!-- leftButtonInner: "<img src='images/larw.gif' alt='left' />",
rightButtonInner: "<img src='images/rarw.gif' alt='right' />", -->
</div>
</div>
</body>
</html>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>滚动图</title>
<link href="css/svwp_style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jquery.slideViewerPro.1.0.js" type="text/javascript"></script>
<!-- Optional plugins -->
<script src="js/jquery.timers.js" type="text/javascript"></script>
</head>
<body>
<div class="content_box_wrapper" align="center">
<div class="content_box" >
<div id="featuredslideshow" >
<ul>
<li><a href="#" target="_parent">
<img width="400" height="300" src="photos/psuCAUVZDR8.jpg" /></a></li>
<li><a href="#" target="_parent">
<img width="400" height="300" src="photos/psuCA1K20HZ.jpg"/></a></li>
<li><a href="#" target="_parent">
<img width="400" height="300" src="photos/psuCA59FRAJ.jpg" /></a></li>
<li><a href="#" target="_parent">
<img width="400" height="300" src="photos/psuCAFVZM66.jpg" /></a></li>
<li><a href="#" target="_parent">
<img width="400" height="300" src="photos/psuCAOSF9O2.jpg" /></a></li>
<li><a href="#" target="_parent">
<img width="400" height="300" src="photos/psuCAN33HZF.jpg" /></a></li>
<li><a href="#" target="_parent">
<img width="400" height="300"src="photos/2.jpg" /></a></li>
<!-- eccetera -->
</ul>
</div>
<script type="text/javascript">
$("div#featuredslideshow").slideViewerPro({
thumbs: 4,
thumbsPercentReduction:15,
galBorderWidth: 1,
galBorderColor: "#CCCCCC",
thumbsTopMargin: 10,
thumbsRightMargin: 10,
thumbsBorderWidth: 2,
thumbsActiveBorderColor: "#993399",
thumbsActiveBorderOpacity: 1,
thumbsBorderOpacity: 1,
buttonsTextColor: "#333333",
autoslide: true,
typo: true
});
</script>
<!-- leftButtonInner: "<img src='images/larw.gif' alt='left' />",
rightButtonInner: "<img src='images/rarw.gif' alt='right' />", -->
</div>
</div>
</body>
</html>
追问
不会动啊
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
