jquery图片轮换效果

效果图：

代码中存在的错误欢迎大家指正复制代码代码如下：/* * * @作者leepood * @title图片自动轮换效果* @ v 2.0版* @电子邮件[电子邮件保护]* @通知：要显示图片的数目可以在环境里调整，但需要在imagesArray中加入相应图片的参数*/函数更改images(){ var设置={ ' width ' : ' 330 px '，' height':'200px '，' images_count':'4 '，' time':'1800 '，//图片切换的速度images change _ border _ color ' : ' # fcf 0a 1 ' }；var imagesArray=[{ ' src ' : ' images/1。BMP '，' href':'http://www.baidu.com/'，' title': '秋天，一片金色、' target':'_blank'}、{'src':'images/2.bmp '、href':'http://www.163.com '、' title': '春天，给人一片生机的感觉，' target':'_blank'}，{'src':'images/3.bmp '，' href ' : ' http://iagyje。博客。163 .' com '，'标题' : '龙眼最好吃了，我每次吃好多的，' target':'_blank'}，{'src':'images/4.bmp '，' href':'http://www.sina.com'，' title': '火红的枫叶啊，有机会看看去，' target ' : ' _ blank ' }]；//添加元素，定义变量var $ div _ images change=$(' # images change ')；$div_imageschange.children().css(“”边距，' 0px ').css('padding '，' 0px ')；$ div _ images更改。追加(' div id=' images _ button '/div ')；$ div _ images更改。追加(' div id=' images _ title '/div ')；var $ div _ images _ title=$(' # images _ title ')；var $ div _ images _ button=$(' # images _ button ')；var count=setting . images _ count for(var a=0；a账户；a){ var b=a1；$ div _ images _ button。追加(' a id=' b ' ' ' b '/a ')；} var $ link _ button=$(' # images change a ')；//设置元素的初始属性//最外层容器，容纳所有元素$div_imageschange.css('width '，setting.width).css(“”位置','相对')。css('height '，setting.height).css('边框'，'实心1px '设置。图像改变_边框_颜色)；//容纳按钮的元素$ div _ images _ button。CSS('位置'，'绝对').css(“”高度，' 20px ').css(“”右，' 0px ').css('底部'，' 21px ').css(“”不透明度',' 1 ')。css('float '，' right ')；//容纳文字说明的元素$ div _ images _ title。CSS('位置'，'绝对').css(“”高度，' 20px ').css('width '，setting.width).css('底部'，' 0px ').css(“”右，' 0px ').css(“”背景色','黑色')。css(“”不透明度',' 0.6 ')。css('字号'，' 12px ').css('color '，' white ')；//按钮组合$ link _ button . CSS(' width '，' 15px ').css(“”高度，' 15px ').css(“”边框','实心1px #fcf0a1 ').css('显示'，'块').css(“”边距，' 0 5px 5px 5px ').css('字号'，' 12px ').css(“”文本对齐','居中')。css('float '，' left ').css(“”颜色','白色')。css(“”文本装饰','无');//初始化设定$ div _ images更改。CSS('背景图像'，' URL('图像/1。BMP ')))；$ div _ images _ title。html(imagesArray[0].标题);$('#images_button a:first ').css(“”背景，' # fcf 0a 1 ')；函数变更(索引){ $ div _ images更改。CSS('背景图像'，'无')；$ div _ images更改。CSS('背景图像'，' URL('图像sarray[索引]).src ' ')')；$ div _ images _ title。html(')；$ div _ images _ title。html(imagesArray[索引]).标题);$($link_buttons[index]).attr('href '，imagesArray[index].href ).attr('target '，imagesArray[index].目标);$link_buttons.css('background '，' ')；$($link_buttons[index]).css(“”背景，' # fcf 0a 1 ')；};//自动切换代码函数autochange(){ var I=0；setInterval(函数(){ change(I))；if(I==设置。images _ count-1){ I=-1；}我；}，设置。时间)；} autochange()；//手动切换代码$ link _ buttons。每个（函数(一){ $(这个).悬停(函数(){ change(I))；});});};$(文档)。ready(function(){ change images()；});要显示图片的数目可以在环境里调整，但需要在imagesArray中加入相应图片的参数