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網頁製作交換圖要求當滑鼠滑過某圖片時，圖片尺寸將變換為原來的兩倍？急用。。。。
直接用菜單 插入滑鼠經過圖形 將經過後的圖像換成大兩被的 就自動換了