1、网页设计中如何设置两张图片每隔几秒循环切换怎么写代码
//下面是可配置轮播动画代码
$.fn.slide=function(options){
var defaults= {
affect:1, //1:上下滚动; 2:幕布式; 3:左右滚动;4:淡入淡出
time: 5000, //间隔时间
speed:500, //动画快慢
dot_text:true,//按钮上有无序列号
};
var opts=$.extend(defaults,options);
var $this=$(this);
var ool=$("<div class='dot'><p></p></div>");
var $box=$this.find("ul");
var $li=$box.find("li");
var timer=null;
var num=0;
$this.append(ool);
$box.find("li").each(function(i){
ool.find("p").append($("<b></b>"));
if(opts.dot_text){
ool.find("b").eq(i).html(i+1)
}
})
ool.find("b").eq(0).addClass("cur");
switch(opts.affect){
case 1:
break;
case 2:
$box.find("li").css("display","none");
break;
case 3:
$box.css({"width":$li.eq(0).width()*$li.length});
$li.css("float","left");
break;
case 4:
$box.find("li").css("display","none");
break;
}
$box.find("li").eq(0).show(0);
ool.find("b").mouseover(function(){
num=$(this).index();
run ();
})
timer=setInterval(auto,opts.time);
function auto(){
num<$box.find("li").length-1?num++:num=0;
run();
}
function run(){
ool.find("b").eq(num).addClass("cur").siblings().removeClass("cur");
switch(opts.affect){
case 1:
$box.stop(true,false).animate({"top":-240*num},opts.speed);
break;
case 2:
$box.find("li").css({"position":"absolute"});
$box.find("li").stop(false,true).fadeOut(opts.speed).eq(num).slideDown(opts.speed);
break;
case 3:
$box.stop(true,false).animate({"left":-670*num},opts.speed);
break;
case 4:
$box.find("li").css({"position":"absolute"});
$box.find("li").stop(false,true).fadeOut(opts.speed).eq(num).fadeIn(opts.speed);
break;
}
}
$this.mouseover(function(){
clearInterval(timer);
})
$this.mouseout(function(){
timer=setInterval(auto,opts.time);
})
}
}(jQuery));
2、网页制作 让网页上的图片自动变换的代码
我理解的没错的话你指的是图片轮播?
给你几个下载JS代码的网站,这个是开源的很多的。
http://www.zztuku.com/JS/ 站长图库-js代码页面
http://js.alixixi.com/ 阿里西西
http://www.oschina.net/code/tag/jquery 开源中国
http://www.5icool.org/a/201308/998.html 酷站代码-我记得是要注册
直接搜索关键字“焦点图”就好了,上面两个是我最常用的。
3、网页制作里的图片自动换怎么制作?
?
4、javascript 网页设计 怎么在同一位置显示几张不同的图片(图片自动变换)。
看看是不是这种图片切换
在同一个位置切换图片
还有12345数字一起切换
鼠标点一下数字会变换到另一张图片,不点就会自动换
里面有教程和源码
5、网页怎么设计这样的图片自动切换(如下图)
这是JS特效 很简单的 alixixi上你去找特效下就有
6、网页设计html图片切换怎么做到的?
图片切换要用到JAVASCRIPT技术了,不知道楼主学了没,但是javascript做起来会比较困难,用jquery来做就会简单很多,里面封装了许多方法
7、HTML网页设计中可自切换的动态图片框如何制作?
这个是用JS或者是Jquery来实现。单独用html还实现不了,当然我这里说的html是指html 4
8、如何利用dreamvear网页制作交换图要求当鼠标滑过某图片时,图片尺寸将变换为原来的两倍?急用。。。。
直接用菜单 插入鼠标经过图形 将经过后的图像换成大两被的 就自动换了