图片加文字说明PPT效果

2024-04-27 14:00:09

字体：大中小

来源：转载

供稿：网友

效果不错的图片切换特效，太平洋女性网图片特效，终于扒出来了！！如果有喜欢的就留着用吧！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html <a href="http://www.vevb.com/xml.asp">xml</a>ns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>太平洋女性网图片展示特效代码vevb.com编辑</title><META NAME="descr<a href="http://ip.vevb.com/">ip</a>tion" CONTENT="太平洋女性网图片展示特效代码vevb.com编辑" /><META NAME="key<a href="http://www.vevb.com/article.asp?typeid=117">Word</a>s" CONTENT="太平洋女性网图片展示特效代码vevb.com编辑" /><style type="text/<a href="http://www.vevb.com/article.asp?typeid=38">CSS</a>"></style></head><body><div id="body1_1_1"><div id="body1_1_1_a"><div id="f_div"><div id="f_imgDiv"></div><div id="f_infoDiv"><div id="f_buttonDiv"></div></div></div><div id="f_text" class="f12b"></div><script>//可修改区域var imgWidth=325;var imgHeight=225;var _timeOut_=5000;var show_text = true; //是否显示焦点文字var timeOut=_timeOut_;var timeOut2=_timeOut_/2;//onmou<a href="http://www.vevb.com/article.asp?typeid=138">SEO</a>ut img后需要切换的时间var now=0; //第一张图var target="_blank"; //打开方式var button_on ='on'; //当前焦点对应按钮的样式名var button_off ='';//非当前焦点对应按钮的样式名//不可修改区域var imgUrl = new Array();var imgText = new Array();var imgLink = new Array();var imgAlt= new Array();//var menuList = new Array();//菜单menuvar ver=2; //兼容浏览器版本默认2 为非ievar firstTime=true;var n =-1;imgUrl[++n]='http://www.pclady.com.cn/fitness/sx/stern/images/picpath/555.jpg';imgText[n]='<a href="http://www.vevb.com" target="_blank">20招做个“电臀”<a href="http://mm.vevb.com">美女</a></a>';imgLink[n]='http://www.vevb.com';imgAlt[n]='20招做个“电臀”美女';imgUrl[++n]='http://www.pclady.com.cn/love/relationships/her_love/images/picpath/20070720nrydbzd.jpg';imgText[n]='<a href="http://www.vevb.com" target="_blank">男人不知道的有关女人的十六件事</a>';imgLink[n]='http://www.vevb.com';imgAlt[n]='男人不知道的有关女人的十六件事';imgUrl[++n]='http://www.pclady.com.cn/null/images/picpath/200707191346247f307946246c4.jpg';imgText[n]='<a href="http://www.vevb.com" target="_blank">时尚ｍｍ巧搭配　服饰潮人就是你？！ </a>';imgLink[n]='http://www.vevb.com';imgAlt[n]='时尚ｍｍ巧搭配　服饰潮人就是你？！ ';imgUrl[++n]='http://www.pclady.com.cn/beauty/makeup/trend/images/picpath/wjy0720-4.jpg';imgText[n]='<a href="http://www.vevb.com" target="_blank">暑假约会必胜妆无往不利</a>';imgLink[n]='http://www.vevb.com';imgAlt[n]='暑假约会必胜妆无往不利';imgUrl[++n]='http://www.pclady.com.cn/dress/dpgw/images/picpath/20070720pclady001.jpg';imgText[n]='<a href="http://www.vevb.com" target="_blank">男生最心动服饰搭配清单</a>';imgLink[n]='http://www.vevb.com';imgAlt[n]='男生最心动服饰搭配清单';imgUrl[++n]='http://image.pconline.com.cn/bj/070717/325nvxingdajiaodiantupianweizi.JPG';imgText[n]='<a href="http://www.vevb.com" target="_blank">薇姿清怡细肤全民体验中</a>';imgLink[n]='http://www.vevb.com';imgAlt[n]='薇姿清怡细肤全民体验中';var count=0;for (i=0;i<imgUrl.length;i++) {if( (imgUrl[i]!="") && (imgText[i]!="")&& (imgLink[i]!="")&& (imgAlt[i]!="")) {count++;} else {break;}}function p$(string){document.write(string);}function $(id){return document.getElementById(id);}//固定图片sizep$("<style> #f_img { width:"+imgWidth+"px;height:"+imgHeight+"px;</style>");function change(){if (ver==1){with($('f_img').filters[0]){Transition=1;apply();play();}}if (firstTime){ firstTime=false;timeOut=_timeOut_/1000;}else{$('f_img').src=imgUrl[now];$('f_img').alt=imgAlt[now];$('f_imgLink').href=imgLink[now];if (show_text) $('f_text').innerHTML=imgText[now];for (var i=0;i<count;i++) {$('b'+i).className="button";//$('f_menu'+i).className="";}$('b'+now).className="on";//$('f_menu'+now).className="on";now=(now>=imgUrl.length-1)?0:now+1;timeOut=_timeOut_;}theTimer=setTimeout("change()", timeOut);}function b_change(num){window.clearInterval(theTimer);now=num;firstTime=false;change();}//draw 渐变line （即css:f_line)function draw_line(){var div = document.createElement("div");div.id = 'f_line';$('f_infoDiv').insertBefore(div,$('f_infoDiv').childNodes.item(0));}//表现层 start//图片var a = document.createElement("a");a.id="f_imgLink";a.target=target;a.href=imgLink[now];$('f_imgDiv').appendChild(a);var img = document.createElement("img");img.id="f_img";img.width=imgWidth;img.height=imgHeight;img.src=imgUrl[now];img.alt=imgAlt[now];a.appendChild(img);//数字按钮for (var i=0;i<count;i++){var div_bg = document.createElement("div");div_bg.id = 'div_bg'+i;div_bg.className='bg';$('f_buttonDiv').appendChild(div_bg);var a = document.createElement("a");a.id = 'b'+i;a.className = (i==now+1)?"button_on":"button_off";a.title=imgAlt[i];a.innerHTML=i+1;a.href='<a href="http://www.vevb.com/article.asp?typeid=160">java</a>script:b_change('+i+')';$('div_bg'+i).appendChild(a);var div= document.createElement("div");$('f_buttonDiv').appendChild(div);}if (show_text) $('f_text').innerHTML = imgText[now];//表现层 end$('f_img').onmouseover=function(){window.clearInterval(theTimer);}$('f_img').onmouseout=function(){theTimer=setTimeout("change()", timeOut2);}try{ //滤镜版本new ActiveXObject("DXImageTransform.Microsoft.Fade");$('f_img').filters[0].play();ver=1;draw_line();}catch (e){ver=2;}var theTimer = setTimeout("change()", _timeOut_/1000);</script></div></div></body></html>

上一篇：又一种图片的幻灯片效果(综合各种效果)

下一篇：图片擦洗幻灯片特效[网页特效]