js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:js代码_js特效免费下载_JS特效代码网 > 网页特效 > JS广告代码 > JS幻灯片

jQuery四屏焦点图网站特效代码

发布时间:2015-08-24 17:34:32    您是第0位浏览者

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

jQuery四屏焦点图网站特效代码
<!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>jQuery四屏新闻网站焦点图 - js代码网</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.js" language="javascript" type="text/javascript"></script>
<script src="js/jCarousel.js" type="text/javascript"></script>
<script src="js/jstxdm.js" type="text/javascript"></script>
</head>
<body>
<br>
<div class="banner">
  <div class=" jcarousel-skin-index">
    <div class="jcarousel-container jcarousel-container-horizontal">
      <div class="jcarousel-clip jcarousel-clip-horizontal">
        <ul id="index-hero-carousel" class="jcarousel-list jcarousel-list-horizontal">
			<li jcarouselindex="1" class="jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal"> 
				<a href="http://www.jstxdm.com" target="_blank"><img src="images/t_17183850202.jpg" ></a>
			</li>
			<li jcarouselindex="2" class="jcarousel-item jcarousel-item-horizontal jcarousel-item-2 jcarousel-item-2-horizontal"> 
				<a href="http://www.jstxdm.com" target="_blank"><img src="images/t_101815920.jpg"></a> 
			</li>
			<li jcarouselindex="3" class="jcarousel-item jcarousel-item-horizontal jcarousel-item-3 jcarousel-item-3-horizontal"> 
				<a href="http://www.jstxdm.com" target="_blank"><img src="images/t_518235381.jpg"></a> 
			</li>
			<li jcarouselindex="4" class="jcarousel-item jcarousel-item-horizontal jcarousel-item-4 jcarousel-item-4-horizontal"> 
				<a href="http://www.jstxdm.com" target="_blank"><img src="images/t_2183446679.jpg"></a> 
			</li>
        </ul>
      </div>
    </div>
  </div>
  <ul id="index-hero-control" class="control-index-hero">
    <li> <a href="http://www.jstxdm.com" class="index-hero-number"> 1 </a> <a href="http://www.jstxdm.com" target="_blank">李萍华在重庆调研</a> </li>
    <li> <a href="http://www.jstxdm.com" class="index-hero-number"> 2 </a> <a href="http://www.jstxdm.com" target="_blank">李长春新书《文化强国之路》在北京发布</a> </li>
    <li> <a href="http://www.jstxdm.com" class="index-hero-number"> 3 </a> <a href="http://www.jstxdm.com" target="_blank">王露露会见英国知识产权局局长约翰·奥...</a> </li>
    <li> <a href="http://www.jstxdm.com" class="index-hero-number"> 4 </a> <a href="http://www.jstxdm.com" target="_blank">王子健在宁夏宣讲党的十八届三中全会精...</a> </li>
  </ul>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p>
<p>来源:<a href="http://www.jstxdm.com/" target="_blank">js特效代码网</a></p>
</div>
</body>
</html>


上一篇:已经没有了

下一篇:jQuery仿腾讯云全屏下拉导航菜单特效代码

友荐云推荐
大家说 此评论不代表本站观点