jQuery满屏自适应焦点图轮播代码

时间:2020-03-22 18:37:25 来源:巅峰霸主网 作者:烈火大地 点击:
摘要:jQuery满屏自适应轮播焦点图代码,图片自适应轮播,适合于网站首页大图轮播,栏目焦点图轮播及专题页面等轮播图片,已经做了自适应,可以在手机和电脑上良好的展示……

适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.

使用方法只需要引入JS和css文件,把图片替换成你自己的图片即可,需要注意在主页面上添加如下代码

<script type="text/javascript">
$(function(){
	
	$("#kinMaxShow").kinMaxShow();
	});

</script>

可用于各种焦点轮播图,不论是全屏还是局部使用均可。

    <div id="kinMaxShow">
    	<div>
        	<a href="" target="_blank"><img src="images/demo_default_images/1.jpg"   /></a>
        </div>        
        <div>
        	<a href="" target="_blank"><img src="images/demo_default_images/2.jpg"  /></a>
        </div>        
        <div>
        	<a href="" target="_blank"><img src="images/demo_default_images/3.jpg"   /></a>
        </div>		
        <div>
        	<a href="" target="_blank"><img src="images/demo_default_images/4.jpg"   /></a>
        </div>
        <div>
        	<a href="" target="_blank"><img src="images/demo_default_images/5.jpg"   /></a>
        </div>
        <div>
        	<a href="" target="_blank"><img src="images/demo_default_images/6.jpg"   /></a>
        </div>            
    </div>


jQuery轮播图代码在线演示 下载地址如下:
(责任编辑:陆柏熺)
  • 上一篇:没有了
  • 下一篇:没有了
相关分类: jQuery 轮播图代码
评价:
用户名: 验证码: 看不清?点击更换

相关内容推荐

关注站长自媒体 获取更多优质内容

2019-2020 ©巅峰霸主网 京ICP备12023415号-2
返回顶部