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

admin

发表文章数:3074

网站经常用到的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" alt="这是标题一" /></a>  
	<a href="http://www.lanrentuku.com" target="_blank"><img src="images/2.jpg" alt="这是标题二" /></a>  
	<a href="http://www.lanrentuku.com" target="_blank"><img src="images/3.jpg" alt="这是标题三" /></a>  
	<a href="http://www.lanrentuku.com" target="_blank"><img src="images/4.jpg" alt="这是标题四" /></a>  
	<a href="http://www.lanrentuku.com" target="_blank"><img src="images/5.jpg" alt="这是标题五" /></a>  
	<a href="http://www.lanrentuku.com" target="_blank"><img src="images/6.jpg" alt="这是标题六" /></a>  
</div>  

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

未经允许不得转载:作者:admin, 转载或复制请以 超链接形式 并注明出处 夜河资源网
原文地址:《jQuery简单的js+div+css图片幻灯片效果代码》 发布于2019-04-19

分享到:
赞(0) 打赏

评论 抢沙发

5 + 5 =


撰写不易~如果您觉得文章对您有帮助的话可以打赏我哦~谢谢亲亲~

支付宝扫一扫打赏

微信扫一扫打赏

外服网游加速器破解版
包含腾讯网游加速器、海豚网游加速器等八款知名加速器,可加速外服游戏,永久包售后包更新,不定时添加新款破解版加速器!
切换注册

登录

忘记密码 ?

切换登录

注册