js设计图片切换特效（请高手帮忙写段JS代码，在html网页里做图片切换效果，图片下方有缩略图可以点击立即切换（6-10图切换））

本文目录

• 请高手帮忙写段JS代码，在html网页里做图片切换效果，图片下方有缩略图可以点击立即切换（6-10图切换）
• HTML中 CSS+DIV+JS 怎么实现图片切换的特效呢, 百叶窗,淡出淡进之类的呢
• 怎么用JS写这效果简单的背景图片切换 求救！
• js图片和文字同时切换的效果
• js怎么做图片切换的渐变效果

请高手帮忙写段JS代码，在html网页里做图片切换效果，图片下方有缩略图可以点击立即切换（6-10图切换）

好了 我修改过的

《html》
《head》
《meta http-equiv=“Content-Type“ content=“text/html; charset=utf-8“ /》
《title》无标题文档《/title》
《script》
function test(num){
var rg=/^[\d]*$/g;
if(num==““){
document.getElementById(’jieguo’).disabled=true;
return;
}
else if(rg.test(num)){
document.getElementById(’jieguo’).disabled=false;
return;
}
else{
document.getElementById(’jieguo’).disabled=true;
return;
}
}
《/script》
《/head》

《body》
请帮忙写一段JS脚本：《br》
当在第一个下拉列表为空时，第二个下拉列表则处于不可用状态《br》
当在第一个下拉列表输入或选择非数字的时候，第二个下拉列表则处于不可用状态《br》
当在第一个下拉列表输入或选择数字的时候，第二个下拉列表则处于可用状态《br》《br》
《table border=“0“ cellspacing=“0“ cellpadding=“0“》
《tr》
《td》
《div style=“position:relative;width:118px;“》
《span style=“margin-left:100px;width:18px;overflow:hidden;“》
《select style=“width:118px;margin-left:-100px“ onChange=“this.parentNode.nextSibling.value=this.value;test(this.value)“》
《option value=“0“》请选择s《/option》
《option value=“9“》9《/option》
《option value=“10“》10《/option》
《option value=“12“》12《/option》
《option value=“14“》14《/option》
《option value=“16“》16《/option》
《option value=“18“》18《/option》
《option value=“24“》24《/option》
《option value=“36“》36《/option》
《option value=“xx-small“》xx-small《/option》
《option value=“x-small“》x-small《/option》
《option value=“small“》small《/option》
《option value=“medium“》medium《/option》
《option value=“large“》large《/option》
《option value=“x-large“》x-large《/option》
《option value=“xx-large“》xx-large《/option》
《option value=“smaller“》smaller《/option》
《option value=“larger“》larger《/option》
《/select》
《/span》
《input name=“box“ style=“width:100px;position:absolute;left:0px;“ onKeyUp=“test(this.value)“》
《/div》
《/td》
《td》
《select id=“jieguo“ name=“select2“ disabled=“disabled“》
《option value=“px“》px《/option》
《option value=“pt“》pt《/option》
《option value=“in“》in《/option》
《option value=“cm“》cm《/option》
《option value=“mm“》mm《/option》
《option value=“pc“》pc《/option》
《option value=“em“》em《/option》
《option value=“ex“》ex《/option》
《option value=“%“》%《/option》
《/select》《/td》
《/tr》
《/table》
《/body》
《/html》

HTML中 CSS+DIV+JS 怎么实现图片切换的特效呢, 百叶窗,淡出淡进之类的呢

ie浏览器中有自带的切换效果可供调用；
其它浏览器的话得自己写程序定位，如淡入淡出可以利用设置css的opacity属性实现；
百叶窗可以利用程序生成N个div，每个div的背景图为你要加载的图，然后设置好每个div的位置即可

怎么用JS写这效果简单的背景图片切换 求救！

楼上说的是JQuery的方法，是一个js框架，JQuery里面做了些功能，可以方便的选择操作页面上的dom，用楼上的方法你要去下一个JQuery的脚本加载到你网页中。

感觉有点得不偿失，为了个简单的效果，额外加载个几十K的JQuery很不划算。

js图片和文字同时切换的效果

《script language=JavaScript》
var imgUrl=new Array();
var imgLink=new Array();
var imgTitle=new Array();
var adNum=0;
var it=1;

《% for i=1 to 3%》
imgUrl[《%=i%》]=“./dhdd/adm/upfile/photo/《%=rs(“mshowimage“)%》“;
imgLink[《%=i%》]=“#“;
imgTitle[《%=i%》]=“《%=rs(“文字说明字段名称“)%》“;
《% rs.movenext
next%》

var imgPre=new Array();
var jj=0;
for (i=1;i《=3;i++) {
if( (imgUrl[i]!=““) && (imgLink[i]!=““) ) {
jj++;
} else {
break;
}
}
function playTran(){
if (document.all){
document.imgInit.filters.play();
}
}
function nextAd(){
if(adNum《jj)adNum++ ;
else adNum=1;

if (document.all){
document.imgInit.filters.Transition=26;
document.imgInit.filters.apply();
}
document.images.imgInit.src=imgUrl[adNum];
document.images.imgInit.title=imgTitle[adNum];
playTran();
theTimer=setTimeout(“nextAd()“, 3000);
}
function goUrl(){
jumpUrl=imgLink[adNum];
jumpTarget=’_blank’;
if (jumpUrl != ’’){
if (jumpTarget != ’’)
window.open(jumpUrl,jumpTarget);
else
location.href=jumpUrl;
}
}
《/script》
《a href=“javascript:goUrl()“ target=“_self“》《img style=“FILTER: progid:DXImageTransform.Microsoft.RevealTrans (duration=1,transition=3);border-color:#000000;color:#000000;margin-bottom:0px“ src=“javascript:nextAd()“ width=“210“ height=“150“ border=“0“ name=imgInit》

js怎么做图片切换的渐变效果

《META http-equiv=Page-Enter content=RevealTrans(Duration=4,Transition=8)》

Transition=8 可以把数字改为以下参数实现不用的效果

盒状收缩 RevealTrans 0 盒状展开 RevealTrans 1 圆形收缩 RevealTrans 2 圆形展开 RevealTrans 3 向上擦除 RevealTrans 4 向下擦除

RevealTrans 5 向左擦除 RevealTrans 6 向右擦除 RevealTrans 7 垂直百页窗 RevealTrans 8 水平百页窗 RevealTrans 9 横向棋盘式 RevealTrans

10 纵向棋盘式 RevealTrans 11 溶解 RevealTrans 12 左右向中部收缩 RevealTrans 13 中部向左右展开 RevealTrans 14 上下向中部收缩

RevealTrans 15 中部向上下展开 RevealTrans 16 阶梯状向左下展开 RevealTrans 17 阶梯状向左上展开 RevealTrans 18 阶梯状向右下展开

RevealTrans 19 阶梯状向右上展开 RevealTrans 20 随机水平线 RevealTrans 21 随机垂直线 RevealTrans 22 随机 RevealTrans 23

不需要js （其实是我用js做不出来）
把以代码看懂后
加在 held部分
准备几个网页每个放一张图片
做一个线性的连接