<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="JS代码,焦点图,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为手机移动端无缝滚动焦点图代码，属于站长常用代码，更多焦点图代码请访问聚源中国JS代码频道。" />
<title>手机移动端触屏版无缝滚动焦点图代码手机网页特效-模板在线【http://www.htmldivcss.com/yidongyunying/shoujijianzhan/】</title>
<!--demo展示所用css，不用关心 begin-->
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<!--demo展示所用css end-->
<!--组件依赖css begin-->
<link rel="stylesheet" type="text/css" href="css/widget/slider/slider.css" />
<link rel="stylesheet" type="text/css" href="css/widget/slider/slider.default.css" /> <!--皮肤文件，若不使用该皮肤，可以不加载-->
<!--组件依赖css end-->
<!--组件依赖js begin-->
<script type="text/javascript" src="js/zepto.js"></script>
<script type="text/javascript" src="js/mobileevent2pc.js"></script> <!-- 此JS作用：在PC端方便查看效果，用在手机端时，可不引用 -->
<script type="text/javascript" src="js/touch.js"></script> <!--新版zepto合并版中不包括touch.js-->
<script type="text/javascript" src="js/zepto.extend.js"></script>
<script type="text/javascript" src="js/zepto.ui.js"></script>
<script type="text/javascript" src="js/widget/slider.js"></script>
<!--组件依赖js end-->
</head>
<body>
<!-- 代码 开始 -->
<div id="slider">
<div>
<a href="http://www.htmldivcss.com/yidongyunying/shoujijianzhan/" target="_blank"><img lazyload="images/pic_1.jpg"></a>
<p>1.让Coron的太阳把自己晒黑—小天</p>
</div>
<div>
<a href="http://www.htmldivcss.com/yidongyunying/shoujijianzhan/" target="_blank"><img lazyload="images/pic_2.png"></a>
<p>2.让Coron的太阳把自己晒黑—小天</p>
</div>
<div>
<a href="http://www.htmldivcss.com/yidongyunying/shoujijianzhan/" target="_blank"><img lazyload="images/pic_3.png"></a>
<p>3.让Coron的太阳把自己晒黑—小天</p>
</div>
<div>
<a href="http://www.htmldivcss.com/yidongyunying/shoujijianzhan/" target="_blank"><img lazyload="images/pic_4.jpg"></a>
<p>4.让Coron的太阳把自己晒黑—小天</p>
</div>
</div>
<script>
//创建slider组件
$('#slider').slider({loop:true});
</script>
<!-- 代码 结束 -->
<style type="text/css">
.my_info{ border-top:2px solid #eee; padding:10px 0; margin-top:30px;}
.my_info p{ text-align:center; font:normal 12px/30px 'MicroSoft YaHei';}
</style>
<div class="my_info">
<p>来源：<a href="http://gmu.baidu.com/" target="_blank" style="color:#0099FF">GMU</a> 代码整理：<a href="http://www.htmldivcss.com/yidongyunying/shoujijianzhan/" target="_blank" style="color:#0099FF">模板在线</a></p>
<p>＊尊重他人劳动成果，转载请自觉注明出处！注：此代码仅供学习交流，请勿用于商业用途。</p>
<p></p>
<p><p>手机移动端可滚动的导航代码，支持iOS，Android（暂不支持WP）等系统以webkit为内核的浏览器，建议在PC端使用以webkit为内核的浏览器（如：Google Chrome）中缩小浏览器窗口宽度查看效果，PC端查看效果需要用鼠标按住导航拖动以模拟手机上手指拖动的效果。</p><p><br /></p><p>使用方法：</p><p>1.head区域引用样式文件reset.css，slider.css，slider.default.css</p><p>2.head区域引用JS文件zepto.js，zepto.extend.js，zepto.ui.js，touch.js，mobileevent2pc.js，slider.js</p><p>3.在你的文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码</p><p>4.本代码中两种导航效果均需引用所有CSS,JS文件，如需修改样式，可去掉default相关样式文件</p><p><br /></p></p>
<p style="margin:20px 0"></p>
</div>
</body>
</html>
433_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码 (2).zip
136 浏览量
2023-08-04
08:58:43
上传
评论
收藏 345KB ZIP 举报
433_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码 (2).zip （17个子文件） 
433 js 
mobileevent2pc.js 6KB zepto.extend.js 17KB zepto.ui.js 13KB zepto.js 55KB touch.js 3KB widget slider.js 18KB
1.jpg 58KB css reset.css 1KB widget slider slider.default.css 2KB slider.css 1KB
index.html 4KB images 
ui-slider-imgbg.png 2KB pic_2.png 74KB ui-slider-arrow.png 524B pic_3.png 25KB pic_4.jpg 47KB pic_1.jpg 120KB资源评论
