<th id="hrxnz"></th>
<strike id="hrxnz"></strike>
<span id="hrxnz"><video id="hrxnz"><ruby id="hrxnz"></ruby></video></span>
<span id="hrxnz"></span><ruby id="hrxnz"></ruby>
<span id="hrxnz"><dl id="hrxnz"></dl></span>
<strike id="hrxnz"></strike>
<strike id="hrxnz"></strike>
<strike id="hrxnz"></strike>
<ruby id="hrxnz"><i id="hrxnz"></i></ruby>
<strike id="hrxnz"><dl id="hrxnz"></dl></strike>
<strike id="hrxnz"></strike>
<strike id="hrxnz"></strike>
<strike id="hrxnz"></strike>
<span id="hrxnz"></span>
js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:首页 > 网页特效 > JS广告代码 > JS幻灯片

JS仿360旅游首页幻灯片效果代码

发布时间:2015-08-29 19:34:01    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

JS仿360旅游首页幻灯片效果代码
<!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=gb2312" />
		<title>JS仿360旅游首页幻灯片效果代码</title>
		<link rel='stylesheet' href='style/jstxdm.css' />
		<script type="text/javascript" src="js/1141.js"></script>
		<script src='js/jstxdm.js' type='text/javascript'></script>
	</head>
	<body>
		<div id="bd" class="gclearfix">
			<div class="slide" id="Slide">
				<div class="slide-hd">
					<h2 class="title">
			            <a href="http://www.johneb.com">香港 夜幕下的狂欢</a>
			            <a href="http://www.johneb.com" style="display:none" >九寨沟 秋天里的童话世界</a>
			            <a href="http://www.johneb.com" style="display:none">三亚 冬日里的明媚阳光</a>
			            <a href="http://www.johneb.com" style="display:none">普吉岛 给心灵一个休憩地</a>
					</h2>
			        
					<div class="thumb" id="slidePagination">
						<ul class="gclearfix">
			                <li class="selected"><a ><img src="images/thumb/01.jpg" alt="js特效代码" /><span class="mask"></span></a></li>
			                <li ><a ><img src="images/thumb/02.jpg" alt="js特效代码js特效代码" /><span class="mask"></span></a></li>
			                <li ><a ><img src="images/thumb/03.jpg" alt="" /><span class="mask"></span></a></li>
			                <li><a ><img src="images/thumb/04.jpg" alt="js特效代码" /><span class="mask"></span></a></li>
						</ul>
					</div>		        
					<div class="slide-hd-bg"></div>
				</div>
	    
				<div class="slide-bd" id="slideWrapper">
					<div class="pic-list">
						<a href="http://www.johneb.com" class="J-pic-node"><img src="images/01.jpg" lazysrc="images/01.jpg" alt="js特效代码" /></a>
						<a href="http://www.johneb.com" class="J-pic-node"><img src="images/02.jpg"  lazysrc="images/02.jpg" alt="js特效代码" /></a>
						<a href="http://www.johneb.com" class="J-pic-node"><img src="images/03.jpg"  lazysrc="images/03.jpg" alt="js特效代码" /></a>
						<a href="http://www.johneb.com" class="J-pic-node"><img src="images/04.jpg" lazysrc="images/04.jpg" alt="js特效代码" /></a>
					</div>
				</div>
	    
				<div class="slide-btn">
					<a href="" class="prev">上一页
						<!--[if IE 6]>
							<div>
								<span class="arrow"></span>
								<span class="mask"></span>
							</div>
						<![endif]-->
					</a>
			        
					<a href="" class="next">下一页
						<!--[if IE 6]>
							<div>
								<span class="arrow"></span>
								<span class="mask"></span>
							</div>
						<![endif]-->
					</a>
				</div>
			</div>
    	</div>
	</body>
</html>



幻灯片

js实现轮播幻灯片3D特效并且可以左右翻页

js实现10屏带缩略图和标题的幻灯片轮播特效

JS仿360旅游首页幻灯片效果代码

JS带图片标题自动播放的幻灯片特效

JS视差滑块幻灯片特效

jQuery自动播放淡入淡出的幻灯片特效

jquery.slider多种过渡效果的图片轮播幻灯片特效

js仿淘宝首页缓冲幻灯片特效

jquery实现4款自定义图片切换幻灯片js特效

jquery仿支付宝全屏图片幻灯片淡出淡进切换特效

jquery实现婚纱摄影网站宽屏图片幻灯片轮播切换特效

jquery实现 ChinaJoy2014专题幻灯片特效

jQuery幻灯片插件,按钮控制图片过渡特效

jquery仿百度百科2014新首页幻灯片特效

jquery实现淡出淡入带缩略图的广告图片幻灯片切换特效

jquery仿腾讯新闻网站带缩略图的幻灯片切换代码_js代码

jquery仿搜狐2014巴西世界杯专题幻灯片特效

jquery仿新浪2014成都车展幻灯片

jquery仿网易2014巴西世界杯专题幻灯片特效

jquery仿腾讯网新闻图片特效带缩略图的幻灯片切换特效

澳洲幸运彩|官网