当前位置:龙哥网 > 网络技术 > jQuery简单的js+div+css图片幻灯片效果代码

jQuery简单的js+div+css图片幻灯片效果代码

longge5个月前 (12-17)网络技术86

网站经常用到的jQuery幻灯片,需要元素结构很简单,只需要调用函数。

jQuery部分代码:


$(function(){  
	$("#KinSlideshow").KinSlideshow({  
		moveStyle:"right",	
		titleBar:{titleBar_height:30,titleBar_bgColor:"#08355c",titleBar_alpha:0.5},	
		titleFont:{TitleFont_size:12,TitleFont_color:"#FFFFFF",TitleFont_weight:"normal"},	
		btn:{
			btn_bgColor:"#FFFFFF",btn_bgHoverColor:"#1072aa",btn_fontColor:"#000000", 	
			btn_fontHoverColor:"#FFFFFF",btn_borderColor:"#cccccc",  
			btn_borderHoverColor:"#1188c0",btn_borderWidth:1
		}  
	});  
})  
html部分代码:


<div id="KinSlideshow" style="visibility:hidden;">  
	<a href="http://www.lanrentuku.com" target="_blank"><img src="images/1.jpg"  /></a>  
	<a href="http://www.lanrentuku.com" target="_blank"><img src="images/2.jpg"  /></a>  
	<a href="http://www.lanrentuku.com" target="_blank"><img src="images/3.jpg"  /></a>  
	<a href="http://www.lanrentuku.com" target="_blank"><img src="images/4.jpg"  /></a>  
	<a href="http://www.lanrentuku.com" target="_blank"><img src="images/5.jpg"  /></a>  
	<a href="http://www.lanrentuku.com" target="_blank"><img src="images/6.jpg"  /></a>  
</div>  

演示地址:http://www.phplover.cn/demo/fdp/demo3.html


免责声明
本站部分资源来源于互联网 如有侵权 请联系站长删除
龙哥网是优质的互联网科技创业资源_行业项目分享_网络知识引流变现方法的平台为广大网友提供学习互联网相关知识_内容变现的方法。#转载请注明出处!