js图片+文字切换

作者&投稿:终步 (若有异议请与网页底部的电邮联系)
js图片和文字同时切换的效果~


var imgUrl=new Array();
var imgLink=new Array();
var imgTitle=new Array();
var adNum=0;
var it=1;


imgUrl[]="./dhdd/adm/upfile/photo/";
imgLink[]="#";
imgTitle[]="";
<% 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[0].play();
}
}
function nextAd(){
if(adNum<jj)adNum++ ;
else adNum=1;

if (document.all){
document.imgInit.filters[0].Transition=26;
document.imgInit.filters[0].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;
}
}

请百度图片轮播,JavaScript,直接套代码

下面是我写过的js类似flash的全码:调用完全类同于flash

<script>
//-----WNum 为图片宽度
//-----HNum 为图片高度
//-----TNum 为文字高度(可为空 ,即不显示)
function go_Img(WNum,HNum,TNum){
Go_Num=(imgUrl.length-1);key=0;adNum=0;theTimer='';
var C_lass;
var $=function $(str){return document.write(str);};
var C_ss="<style>";
C_ss=C_ss+"div{overflow:hidden;}";
C_ss=C_ss+".W_Ord{overflow;hidden;text-align:center;color:#F00;font-weight:bold;clear:both;width:"+WNum+"px;height:"+TNum+";background-color:#eee;}";
C_ss=C_ss+".Min_On{color:#fff;Float:right;background-color:#f00;cursor:pointer;width:30px;height:20px;padding-top:1px;border:1px solid #f60;text-align:center;font-weight:bold;border-left:1px solid #eee;border-right:1px solid #eee;margin-left:-1px;}";
C_ss=C_ss+".Min_Off{color:#fff;Float:right;cursor:pointer;width:30px;height:20px;padding-top:1px;border-left:1px solid #eee;border-right:1px solid #eee;margin-left:-1px;text-align:center;font-weight:bold;}";
C_ss=C_ss+"</style>";
$(C_ss);C_ss='';
$("<Div style='width:"+WNum+"px;height:"+HNum+"px;border:1px solid #eee;'>");
$("<div style='width:"+WNum+"px;height:"+HNum+"px;'><img style='Cursor:Pointer;Filter:revealTrans(duration=2,transition=12);width:"+WNum+"px;height:"+HNum+"px;' src='"+imgUrl[1]+"' name=imgInit onclick=go_Url();></Div>");
$("<div class='Rig' style='width:"+WNum+"px;height:20px;margin-top:-20px;'>");
for (var i=100;i>0 ;i=i-2){
$("<Div style='float:right;width:4px;height:20px;background-color:#000;filter:alpha(opacity="+i/2+");-moz-opacity:0."+i/20+";opacity: 0."+i/20+"; '> </Div>");
}
$("</Div>");
$("<Div class='Rig' style='width:"+WNum+"px;height:"+HNum+"px;margin-top:-20px;'>");
for (var j=Go_Num;j>0 ;j--){
if (j==1){C_lass='Min_On';}else{C_lass='Min_Off';}
$("<Div Id='Min"+j+"' class='"+C_lass+"' onmouseover=nextAd("+j+");>"+j+"</Div>");
}
$("</Div>");
$("</Div>");
if (TNum && TNum!=''){
$("<Div Id='W_Ord' class='W_Ord'>"+imgWord[1]+"</Div>");
}
nextAd(1);
}
function nextAd(GetNum){
var O=function O(objid){return document.getElementById(objid);}
adNum=adNum%Go_Num;
adNum++ ;
if(GetNum!=undefined && GetNum!=0){adNum=GetNum;}
if(key==0){key=1;}
else if(document.all){
imgInit.filters.revealTrans.Transition=23;
imgInit.filters.revealTrans.apply();
imgInit.filters.revealTrans.play();
if (document.all.W_Ord!=undefined){document.all.W_Ord.innerHTML=imgWord[adNum];}
for (var i=1;i<(Go_Num+1);i++ ){O('Min'+i).className='Min_Off';}
O('Min'+adNum).className='Min_On';
}
document.images.imgInit.src=imgUrl[adNum];
if (GetNum==undefined){theTimer=setTimeout(nextAd, 6000);}
else{clearTimeout(theTimer);theTimer=setTimeout(nextAd, 6000);}
}
function go_Url(jumpTarget){
jumpUrl=imgLink[adNum];
jumpTarget='_blank'; //_blank
if (jumpUrl != ''){
if (jumpTarget != '')
window.open(jumpUrl,jumpTarget);
else
location.href=jumpUrl;
}
}
</script>

<script>
//-------建产数组
var imgUrl=new Array();
var imgLink=new Array();
var imgWord=new Array();
imgUrl[1]='http://hfxhyy.35hf.cn/back/UpPic/8vzrlf5v1czut.jpg';
imgLink[1]='http://hfxhyy.35hf.cn/Object.asp?StrId=20';
imgWord[1]='Six信息';
imgUrl[2]='http://hfxhyy.35hf.cn/back/UpPic/q6hxyzon6by4b.jpg';
imgLink[2]='http://hfxhyy.35hf.cn/Object.asp?StrId=18';
imgWord[2]='Five';
imgUrl[3]='http://hfxhyy.35hf.cn/back/UpPic/kdiqte-0rune7.jpg';
imgLink[3]='/Object.asp?StrId=17';
imgWord[3]='Four';
imgUrl[4]='http://hfxhyy.35hf.cn/back/UpPic/mrocr4k8v1f40.jpg';
imgLink[4]='http://hfxhyy.35hf.cn/Object.asp?StrId=16';
imgWord[4]='Three';
imgUrl[5]='http://hfxhyy.35hf.cn/back/UpPic/rsba4jy1m7mf6.jpg';
imgLink[5]='http://hfxhyy.35hf.cn/Object.asp?StrId=15';
imgWord[5]='Two';
imgUrl[6]='http://hfxhyy.35hf.cn/back/UpPic/ttqnfeij7_d8p.jpg';
imgLink[6]='http://hfxhyy.35hf.cn/Object.asp?StrId=14';
imgWord[6]='one';

// 调用方法
go_Img(290,205,20); //-----------------------------调用方法
</script>

javascript:dtmb.style.display='none';gxmb.style.display='block';

你可以利用这代码,dtmb是对象,用时间轴到一定时间就执行该代码,就是那个 对象隐藏,那个显示~~


如何在WPS中图片转成文字?
保存当前文档 Ctrl+S或者Alt+F+S(对应Save)文档另存为 F12或者Alt+F+A(对应Save As)打印文档 Ctrl+P或者Alt+F+P(对应Print)查找文字、格式和特殊项 Ctrl+F 替换文字、特殊格式和特殊项 Ctrl+H 定位至页、节或者书签 Ctrl+G 打开或关闭标记修订功能 Ctrl+Shift+E 插入批注 Alt+I+M 切换到...

动画顺序先文字后图片怎么设置
软件使用技巧:1、PowerPoint可以使用快捷键操作,比如创建文稿可以通过Ctrl+N实现,Ctrl+S可以保存文档。2、PowerPoint可以自动生成页码,打开软件,导入文稿,点击页面上方的插入按钮,选择文本,点击幻灯片编号,勾选“幻灯片编号”,最后点击全部应用即可完成操作。3、PowerPoint可以设置切换效果,打开一个PPT...

手机识别图片中的文字
可参考vivo手机以下方式:进入相册打开任意一张照片--点击左下角识图--(文本)--选择提取文字的区域--点击提取\/提取文字即可,提取结果支持分享、保存为便签、复制等。不支持此功能的机型:可以调出手机自带的”搜狗输入法vivo版”,点击键盘左上角的”S”图标,选择”文字扫描”,然后扫描图片或纸张上...

A laris s 2040扫描仪能不能将图片转为文字
能。Alariss2040是一款设计非常人性化的扫描仪,特别是能将图片转为文字的功能非常厉害,再模糊的图片它都能扫描出来,并且还自带打印功能。扫描仪,是一种捕获影像的装置,作为一种光机电一体化的电脑外设产品,扫描仪是继鼠标和键盘之后的第三大计算机输入设备,它可将影像转换为计算机可以显示、编辑、...

用ps制作图片时,键盘上的键都有什么作用?
8、橡皮图章、图案图章【S】9、历史记录画笔工具【Y】10、橡皮擦工具【E】11、铅笔、直线工具【N】12、模糊、锐化、涂抹工具【R】13、减淡、加深、海棉工具【O】14、钢笔、自由钢笔、磁性钢笔【P】15、添加锚点工具【+】16、删除锚点工具【-】17、直接选取工具【A】18、文字、文字蒙板、直排文字、...

怎么手机截的图片上的文字识别出来?
可参考vivo手机以下方式:进入相册打开任意一张照片--点击左下角识图--(文本)--选择提取文字的区域--点击提取\/提取文字即可,提取结果支持分享、保存为便签、复制等。不支持此功能的机型:可以调出手机自带的”搜狗输入法vivo版”,点击键盘左上角的”S”图标,选择”文字扫描”,然后扫描图片或纸张上...

有懂word EXECL的朋友帮忙 告诉我 以下S加三角的符号 是怎么打出来的...
这个用域实现:按CTRL+F9,生成域大括号,如图输入,然后右击,切换域代码:(三角号和方形号是插入的特殊字符--特殊符号中找;可以用设置字号调整大小;字符的上下位置:字体--字符间距,中进行设置)

A laris s 2040扫描仪能不能将图片转为文字
能。Alariss2040是一款设计非常人性化的扫描仪,特别是能将图片转为文字的功能非常厉害,再模糊的图片它都能扫描出来,并且还自带打印功能。

vivo X9s Plus L 手机自带文字朗读怎么打开图片
操作如下:进入手机设置-更多设置-辅助功能,找到TalkBack,开启该项功能,进入该功能的设置中将“文字转语音设置“设定为“Google文字转语音引擎”即可。

PPT背景如果是整的一张图片,里面的文字可以修改吗?怎么修改
1、PS打开要修改的图片。2、打开图片后,点击左侧的矩形选框工具。3、点击选框工具后,用选框工具把文字给框选起来。4、把文字框选后,按Shift+F5,调出填充界面,系统默认填充是内容识别,然后点击确定。5、填充内容识别后,文字就没有了。6、然后点击左侧的文字工具。7、就可以使用文字工具把想要的...

龙州县13361264878: 求文字和图片一起切换效果代码,比如说一张图片的下方面对应有一些文字说明之类的,高手帮帮忙,谢谢啦! -
宇文水谷氨: 你看下这个就是了,看懂了,就把它存成js文件(如:XX.js),然后用<script src="XX.js"></script>来调用就是了

龙州县13361264878: 为什么的js代码哪位大神帮我看看,点击文字实现图片切换.怎样才不会跳转到另一个页面啊??急 -
宇文水谷氨: 不跳转的方式很简单,就是点击事件执行到最后一行加个return false即可.例如 document.body.onclick={ var a = 1; return false; }

龙州县13361264878: 一张图片上面有左右箭头下面有文字说明,点击左右切换的时候文字也一起切换,这个js怎么写呢 -
宇文水谷氨: 假设文字这个div 的id为test test.value="ddd"

龙州县13361264878: JavaScript问题 如何使鼠标移到不同的文字上 另一侧的图片发生相应的变换?求代码!!我菜鸟!初学者 -
宇文水谷氨: <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script language="javascript"> function changeImg(p) { if(p == document.getElementById('baidu')) img.src = 'tu6202_41.jpg'; else if(p == document....

龙州县13361264878: jquery 怎么样同时输出文字和图片 -
宇文水谷氨: 我们创建一个div存放文字的,一个div存放图片的.利用jquery,如何实现在文字和图片间切换显示?2 接着加上一些css样式,先设置图片默认是隐藏的.利用jquery,如何实现在文字和图片间切换显示?3 因为我们是借助jquery来操作的,所以...

龙州县13361264878: js图片文字切换效果?
宇文水谷氨: 有一种方法是可以的.但你必须把作一张图片. 然后用下面的代码:(把代码的图片地址改变一下就可以了.) <table width="600" border="1" bordercolor="1"> <tr> <td onmouseover="background='1.jpg'" onmouseout="background...

龙州县13361264878: 求带图片+文字滚动有按钮的JS代码 -
宇文水谷氨: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html...

龙州县13361264878: JS 图片切换 效果 -
宇文水谷氨: 试试这个JS 图片切换 效果 有12345数字一起切换 有小图大图一起切换 里面有教程和源码

龙州县13361264878: js网页图片切换代码 -
宇文水谷氨: 试试这个js图片切换 有12345数字一起切换 鼠标点一下数字会变换到另一张图片,不点就会自动换 里面有教程和源码

龙州县13361264878: 三张图片JS 切换 文字也跟着切换
宇文水谷氨: http://www.qpsh.com/javascript/showpage2526.htm

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网