服务器与运维

当前位置:澳门新莆京娱乐官网 > 服务器与运维 > 图片轮换效果_jquery_脚本之家

图片轮换效果_jquery_脚本之家

来源:http://www.drgigabytes.com 作者:澳门新莆京娱乐官网 时间:2019-12-25 16:56

功效图:代码中存在的大谬不然款待我们指正 复制代码 代码如下: /** * @author leepood * @title 图片自动轮流效果 * @version v2.0 * @E-Mail leepood@gmail.com * @notice:要出示图片的数据能够在setting里调度,但须要在imagesArray中步向相应图片的参数 */ function changeImages() { var setting={ 'width':'330px', 'height':'200px', 'images_count':'4', 'time':'1800', //图片切换的速度 'imageschange_border_color':'#fcf0a1' }; var imagesArray=[{'src':'images/1.bmp','href':', {'src':'images/2.bmp','href':', {'src':'images/3.bmp','href':', {'src':'images/4.bmp','href':']; //添美金素,定义变量 var $div_imageschange=$; $div_imageschange.children.css; $div_imageschange.append("

"); $div_imageschange.append("

"); var $div_images_title=$; var $div_images_button=$; var count=setting.images_count; for { var b=a+1; $div_images_button.append(""+b+""); } var $link_buttons=$; //设置成分的始发属性 //最外层容器,容纳全体因素 $div_imageschange.css("width",setting.width) .css("position","relative") .css("height",setting.height) .css("border","solid 1px "+setting.imageschange_border_color卡塔尔(قطر‎; //容纳开关的因素 $div_images_图片轮换效果_jquery_脚本之家。button.css("position","absolute"卡塔尔国 .css .css .css .css .css; //容纳文字说明的因素 $div_images_title.css("position","absolute"卡塔尔(قطر‎ .css .css("width",setting.width卡塔尔国 .css .css .css("background-color","black"卡塔尔(قطر‎.css .css .css; //开关组合 $link_buttons.css .css .css("border","solid 1px #fcf0a1"卡塔尔(قطر‎ .css .css("margin","0 5px 5px 5px"卡塔尔(قطر‎ .css .css("text-align","center"卡塔尔(قطر‎ .css .css .css("text-decoration","none"卡塔尔(英语:State of Qatar); //起始化设定 $div_imageschange.css("background-image","url; $div_images_title.html; $("#images_button a:first").css("background","#fcf0a1"); function change{ $div_imageschange.css("background-image", "none"); $div_imageschange.css("background-image", "url('" + imagesArray[index].src + "')"); $div_images_title.html; $div_images_title.html(imagesArray[index].title); $.attr("href", imagesArray[index].href).attr("target", imagesArray[index].target); $link_buttons.css; $.css("background","#fcf0a1"卡塔尔国; }; //自动切换代码 function autochange(卡塔尔(قطر‎{ var i=0; setInterval; if(i==setting.images_count-1卡塔尔 { i=-1; } i++; },setting.time卡塔尔(英语:State of Qatar); } autochange(卡塔尔(英语:State of Qatar); //手动切换代码 $link_buttons.each.hover; }卡塔尔; }卡塔尔; }; $.ready{ changeImages; 要展现图片的多寡能够在setting里调节,但须要在imagesArray中投入相应图片的参数

本文由澳门新莆京娱乐官网发布于服务器与运维,转载请注明出处:图片轮换效果_jquery_脚本之家

关键词: