利用jquery实现焦点图旋转切换效果代码



65 259 87



特效描述:利用jquery实现 焦点图 旋转切换,利用jquery实现焦点图旋转切换效果代码

代码结构

1. 引入CSS

<link rel="stylesheet" href="DB_tab29.css" type="text/css">
<link rel="stylesheet" href="DB_tab29.css" type="text/css">

2. 引入JS

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="jquery.DB_rotateRollingBanner.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="jquery.DB_rotateRollingBanner.min.js"></script>

3. 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=utf-8" />
<title></title>
<link rel="stylesheet" href="DB_tab29.css" type="text/css"></link>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
</head>
<body style="min-width:1200px">
<div id="d_tab29">
		<ul class="d_img">			
			<li class="d_pos1"><img src="img/img9.jpg" alt=""/></li>
			<li class="d_pos2"><img src="img/img10.jpg" alt=""/></li>
			<li class="d_pos3"><img src="img/img1.jpg" alt=""/></li>
			<li class="d_pos4"><img src="img/img2.jpg" alt=""/></li>
			<li class="d_pos5"><img src="img/img3.jpg" alt=""/></li>
			<li><img src="img/img4.jpg"></li>
			<li><img src="img/img5.jpg"></li>
			<li><img src="img/img6.jpg"></li>
			<li><img src="img/img7.jpg"></li>
			<li><img src="img/img8.jpg"></li>
		</ul>	
		<ul class="d_menu">
		</ul>
		<p class="d_prev"><img src="img/prev.png" alt=""></p>
		<p class="d_next"><img src="img/next.png" alt=""></p>
</div>
<script>
	$('#d_tab29').DB_rotateRollingBanner({
		key:"c37080",            
		moveSpeed:200,           
		autoRollingTime:5000      
	})
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>
</html>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滚动切换 滑动选项卡切换 flash焦点图 叠加浮动层 选项卡切换 滑动手风琴 层叠叠加 旋转翻转 切换按钮 表单 焦点图 幻灯片 图片轮播 图片叠加 图片翻转旋转 图片切换 图片轮播 按钮控制

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到