这个代码为什么影响别的GIF格式的图片显示 为什么html代码中的静态图片都命名为gif
\u5982\u4f55\u7528html\u6807\u7b7e\u6765\u663e\u793agif\u56fe\u72471\u3001html\u63d2\u5165\u56fe\u7247\u8981\u7528\u5230img\u6807\u7b7e\u3002\u5177\u4f53\u7684\u7528\u6cd5\uff0c\u9996\u5148\u65b0\u5efa\u4e00\u4e2ahtml\u6587\u4ef6\uff0c\u5199\u5165\u57fa\u672c\u7684html\u7ed3\u6784\uff0c\u5bfc\u5165\u4e00\u5f20gif\u683c\u5f0f\u7684\u56fe\u7247\uff1a
2\u3001\u63a5\u7740\u7ed9img\u6807\u7b7e\u4e00\u4e2aclass\u5c5e\u6027\uff0c\u547d\u540d\u4e3aimg\uff0c\u5728head\u6807\u7b7e\u4e2d\u8bbe\u7f6estyle\u6807\u7b7e\uff0c\u5728style\u6807\u7b7e\u8bbe\u7f6e\u201c.img\u201d\u7684\u5c5e\u6027\uff0c\u8fd9\u91cc\u8bbe\u7f6e\u56fe\u7247\u7684\u957f\u5ea6\u548c\u9ad8\u5ea6\uff0c\u5e76\u4e14\u8bbe\u7f6e\u56fe\u7247\u7684\u5bf9\u9f50\u65b9\u5f0f\u4e3a\u4e2d\u5fc3\u5bf9\u9f50\uff0c\u6700\u540e\u6309\u4e0bcrtl\uff0bS\u952e\u4fdd\u5b58\u6587\u4ef6\uff1a
3\u3001\u6253\u5f00\u6d4f\u89c8\u5668\uff0c\u53ef\u4ee5\u770b\u5230\u7f51\u9875\u4e2d\u7684gif\u56fe\u7247\u7684\u5185\u5bb9\u3002\u4ee5\u4e0a\u5c31\u662f\u4f7f\u7528html\u6807\u7b7e\u663e\u793agif\u56fe\u7247\u7684\u65b9\u6cd5\uff1a
GIF(Graphics Interchange Format)\u7684\u539f\u4e49\u662f\u201c\u56fe\u50cf\u4e92\u6362\u683c\u5f0f\u201d\uff0c\u662fCompuServe\u516c\u53f8\u5728 1987\u5e74\u5f00\u53d1\u7684\u56fe\u50cf\u6587\u4ef6\u683c\u5f0f\u3002GIF\u6587\u4ef6\u7684\u6570\u636e\uff0c\u662f\u4e00\u79cd\u57fa\u4e8eLZW\u7b97\u6cd5\u7684\u8fde\u7eed\u8272\u8c03\u7684\u65e0\u635f\u538b\u7f29\u683c\u5f0f\u3002\u5176\u538b\u7f29\u7387\u4e00\u822c\u572850\uff05\u5de6\u53f3\uff0c\u5b83\u4e0d\u5c5e\u4e8e\u4efb\u4f55\u5e94\u7528\u7a0b\u5e8f\u3002\u76ee\u524d\u51e0\u4e4e\u6240\u6709\u76f8\u5173\u8f6f\u4ef6\u90fd\u652f\u6301\u5b83\uff0c\u516c\u5171\u9886\u57df\u6709\u5927\u91cf\u7684\u8f6f\u4ef6\u5728\u4f7f\u7528GIF\u56fe\u50cf\u6587\u4ef6\u3002GIF\u56fe\u50cf\u6587\u4ef6\u7684\u6570\u636e\u662f\u7ecf\u8fc7\u538b\u7f29\u7684\uff0c\u800c\u4e14\u662f\u91c7\u7528\u4e86\u53ef\u53d8\u957f\u5ea6\u7b49\u538b\u7f29\u7b97\u6cd5\u3002\u6240\u4ee5GIF\u7684\u56fe\u50cf\u6df1\u5ea6\u4ecelbit\u52308bit\uff0c\u4e5f\u5373GIF\u6700\u591a\u652f\u6301256\u79cd\u8272\u5f69\u7684\u56fe\u50cf\u3002GIF\u683c\u5f0f\u7684\u53e6\u4e00\u4e2a\u7279\u70b9\u662f\u5176\u5728\u4e00\u4e2aGIF\u6587\u4ef6\u4e2d\u53ef\u4ee5\u5b58\u591a\u5e45\u5f69\u8272\u56fe\u50cf\uff0c\u5982\u679c\u628a\u5b58\u4e8e\u4e00\u4e2a\u6587\u4ef6\u4e2d\u7684\u591a\u5e45\u56fe\u50cf\u6570\u636e\u9010\u5e45\u8bfb\u51fa\u5e76\u663e\u793a\u5230\u5c4f\u5e55\u4e0a\uff0c\u5c31\u53ef\u6784\u6210\u4e00\u79cd\u6700\u7b80\u5355\u7684\u52a8\u753b\u3002
GIF\u5206\u4e3a\u9759\u6001GIF\u548c\u52a8\u753bGIF\u4e24\u79cd\uff0c\u652f\u6301\u900f\u660e\u80cc\u666f\u56fe\u50cf\uff0c\u9002\u7528\u4e8e\u591a\u79cd\u64cd\u4f5c\u7cfb\u7edf\uff0c\u201c\u4f53\u578b\u201d\u5f88\u5c0f\uff0c\u7f51\u4e0a\u5f88\u591a\u5c0f\u52a8\u753b\u90fd\u662fGIF\u683c\u5f0f\u3002\u5176\u5b9eGIF\u662f\u5c06\u591a\u5e45\u56fe\u50cf\u4fdd\u5b58\u4e3a\u4e00\u4e2a\u56fe\u50cf\u6587\u4ef6\uff0c\u4ece\u800c\u5f62\u6210\u52a8\u753b,\u6240\u4ee5\u5f52\u6839\u5230\u5e95GIF\u4ecd\u7136\u662f\u56fe\u7247\u6587\u4ef6\u683c\u5f0f\u3002\u4f46GIF\u53ea\u80fd\u663e\u793a256\u8272\u3002
\u4ee5\u4e0a\u4f60\u53ef\u4ee5\u660e\u767d\u57fa\u672c\u539f\u7406\uff0c\u7f51\u9875\u4e2d\u4f7f\u7528gif\u56fe\u50cf\u4e0d\u4ec5\u56fe\u7247\u5c0f\uff0c\u52a0\u8f7d\u5feb\uff0c\u5728ps\u5236\u4f5c\u4e5f\u65b9\u4fbf\uff01
你所说的点3，4....gif的不能显示。？？
因为你没有定义其他图片，你的代码里只声明了2张图片，所以点3，4...是肯定不能显示的，你通过代码里的counts变量可以控制具体显示几张图片轮换。另外blank 我也帮你改了。还有你原来代码也有点问题。
新代码如下：
<SCRIPT>
var widths=282;
var heights=164;
var counts=2;
img1=new Image ();img1.src='http://www.yesky.com/imagelist/2007/018/43rx42mql3ng.jpg';
img2=new Image ();img2.src='http://notebook.yesky.com/imagelist/2007/017/hub8x795v23m.jpg';
img3=new Image ();
url1=new Image ();
url1.src='http://www.webjx.com';
url2=new Image ();
url2.src='http://www.webjx.com';
var nn=1;
var key=0;
function change_img()
{if(key==0){key=1;}
else if(document.all)
{document.getElementById("pic").filters[0].Apply();document.getElementById("pic").filters[0].Play(duration=2);}
eval('document.getElementById("pic").src=img'+nn+'.src');
eval('document.getElementById("url").href=url'+nn+'.src');
for (var i=1;i<=counts;i++){document.getElementById("xxjdjj"+i).className='axx';}
document.getElementById("xxjdjj"+nn).className='bxx';
nn++;if(nn>counts){nn=1;}
tt=setTimeout('change_img()',2000);}
function changeimg(n){nn=n;window.clearInterval(tt);change_img();}
document.write('<style>');
document.write('.axx{padding:1px 7px;border-left:#cccccc 1px solid;}');
document.write('a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#666;}');
document.write('a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#999;}');
document.write('.bxx{padding:1px 7px;border-left:#cccccc 1px solid;}');
document.write('a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');
document.write('a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');
document.write('</style>');
document.write('<div style="width:'+widths+'px;height:'+heights+'px;overflow:hidden;text-overflow:clip;">');
document.write('<div><a target="_blank" id="url"><img id="pic" style="border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)" width='+widths+' height='+heights+' /></a></div>');
document.write('<div style="filter:alpha(style=1,opacity=10,finishOpacity=80);background: #888888;width:100%-2px;text-align:right;top:-12px;position:relative;margin:1px;height:12px;padding:0px;margin:0px;border:0px;">');
for(var i=1;i<counts+1;i++){document.write('<a target="_self" href="javascript:changeimg('+i+');" id="xxjdjj'+i+'">'+i+'</a>');}
document.write('</div></div>');
change_img();
</SCRIPT>
绛旓細鍥犳锛屽綋鎮ㄥ皢涓涓.jpg鏂囦欢鍒囩墖锛屽彲鑳介夋嫨浜gif鏍煎紡浣滀负杈撳嚭鏂囦欢鏍煎紡銆傛澶栵紝鎮ㄨ繕鍙互妫鏌ュ浘鍍忕紪杈戣蒋浠剁殑璁剧疆锛屽苟鍦ㄩ渶瑕佹椂鎵嬪姩閫夋嫨瑕佽緭鍑虹殑鏂囦欢鏍煎紡銆傚鏋滀笉鏄杩欎釜闂锛岄偅鍙兘灏遍渶瑕佹鏌ュ浘鍍忕紪杈戣蒋浠舵槸鍚︽湁闂锛屾垨鑰呭皾璇曢噸鏂板鍏ユ枃浠跺苟浠ユ纭殑鏍煎紡杩涜鍒囩墖銆傝繖绉嶆儏鍐靛彲鑳芥槸鍥犱负浣跨敤鐨勫伐鍏锋垨杞欢璁剧疆涓嶆纭紝...
绛旓細涓寮犲浘鐗囧彲浠ュ偍瀛樹负澶氱鏍煎紡,涓轰粈涔鏈夌殑鍑犲崄KB,鏈夌殑鍑犵櫨MB,鏈夌殑闈欐涓嶅姩,鏈夌殑鏄ソ鍑犱釜鐢婚潰寰幆鎾斁?鍦ㄩ」鐩紑鍙戠殑杩囩▼涓粡甯镐細璇诲彇鎴栦繚瀛樺浘鍍忔枃浠,涓嶅悓绫诲瀷鐨勫浘鍍忕壒鐐逛笉鍚,閫傜敤鐨勮寖鍥翠篃涓嶅悓,绠瑕佷粙缁岯MP銆GIF銆乀IFF銆丳NG銆丣PG鍜孲VG鏍煎紡鍥惧儚鐨勭壒鐐广 BMP鏄嫳鏂嘊itmap(浣嶅浘)鐨勭畝鍐,瀹冩槸Windows鎿嶄綔绯荤粺涓殑鏍囧噯鍥...
绛旓細gif杩欎釜闂鎴戠殑ps 2017涔熸湁锛屼綘鐐逛竴涓嬪乏涓婅鐨勫師绋垮啀鐐逛竴涓嬩紭鍖栧氨鍙互鍒峰嚭鏉ヤ簡锛屽湪web鍒囩墖绐楀彛璋冩暣棰勮鏄剧ず澶у皬鏄乏杈圭殑濡傚浘
绛旓細涓嶈兘鐢浠ｇ爜鎺у埗锛屼綘鎺у埗鍓嶇鑷繁鍙戝竷gif鐨勬椂鍊欏彂甯冧负绗竴甯т笉灏辫浜嗐傚鏋滀綘鎯冲湪鍔ㄩ潤涓ょ鐘舵侀棿鍒囨崲鍙互鍙戝竷涓鍔ㄤ竴闈欎袱寮犲浘鐗囷紝鏇挎崲src鐨勬柟娉曞疄鐜般
绛旓細鎴戠敤鐨勪竴绉嶆柟娉曞彲浠ョ粰浣犺缁嗙殑瑙ｉ噴涓涓嬶細棣栧厛浣犺瀵煎嚭涓寮燝IF绗竴甯ч潤姝㈢殑鍥剧墖锛坖peg鏍煎紡鎴杙ng锛夛紝鐒跺悗鐢ㄩ紶鏍囩粡锛堥潤姝㈢殑绗竴甯у浘鐗囷級杩囧悗鏇挎崲鍥剧墖锛堣繍鍔鐨刧if锛夌殑浠ｇ爜杈惧埌浣犵殑鏁堟灉锛岃繖绉嶄唬鐮佺櫨搴︿竴鎼滀竴澶ф妸锛屽洜涓虹壒娈婂師鍥犱笂浼犲埌涓嶅悓缃戠珯鐨勪唬鐮佹槸涓嶅悓鐨勶紝杩欎釜瑕佷綘鑷繁鍘绘悳绱紝鎴戝彧鏄彁渚涚粰浣犱竴涓濊矾銆
绛旓細html鏂囦欢鏄〉闈㈡枃浠讹紝娌℃湁鍔炴硶鍙樻垚gif鏍煎紡鍥剧墖鎴栬卻wf鏍煎紡 GIF鏄姩鐢伙紝SWF鏄疐LASH鏍煎紡鍔ㄧ敾锛寊hesanz鍜岄兘鏄笉鍚岀殑涓滆タ锛屼笉鑳戒簰鐩歌浆鎹
绛旓細杩欎釜鍙兘鏄gif鍥惧儚澶ぇ浜嗐傚抚澶瀵艰嚧鐨勩備綘鍙樺皬鐐瑰氨浼氬姩銆
绛旓細JPG鍜GIF鏍煎紡閮芥槸浣嶅浘鍥惧儚鏂囦欢鐨勫瓨鍌ㄦ牸寮忋備綅鍥撅紙Bitmap锛夛紝鍙堢О鏍呮牸鍥撅紙鑻辫锛歊aster graphics锛夋垨鐐归樀鍥撅紝鏄娇鐢ㄥ儚绱犻樀鍒(Pixel-array/Dot-matrix鐐归樀)鏉ヨ〃绀虹殑鍥惧儚銆備綅鍥剧殑鍍忕礌閮藉垎閰嶆湁鐗瑰畾鐨勪綅缃拰棰滆壊鍊笺傛瘡涓儚绱犵殑棰滆壊淇℃伅鐢盧GB缁勫悎鎴栬呯伆搴﹀艰〃绀恒傛牴鎹綅娣卞害,鍙皢浣嶅浘鍒嗕负1銆4銆8銆16銆24鍙32...
绛旓細瀵煎嚭GIF鏍煎紡鏃跺彂鐢熼鑹茬殑鎹熷け鏄笉鍙伩鍏嶇殑锛屽洜涓篏IF鏍煎紡鏈澶氭樉鑹叉暟閲忓彧鏈256鑹诧紝鏃犳硶鍜孞PG鏍煎紡鐩告瘮銆備絾鏄垜浠彲浠ュ敖閲忔妸鎹熷け闄嶅埌鏈浣庛備互PHOTOSHOP杩欎釜杞欢涓轰緥锛氬皢闂姩鐨勫浘鐗囧仛濂戒箣鍚庢寜CTRL+SHIFT+ALT+S鍗冲彲瀛樺偍涓哄姩鎬丟IF鏍煎紡锛岃繖鏃跺脊鍑虹殑闈㈡澘涓湁寰堝灞炴у彲浠ヨ皟鏁达紝涓昏瑕佽皟鏁寸殑鏄滈鑹测濆拰鈥滀豢鑹叉柟寮忊...
绛旓細杩欓噷闈笉鏄鍔犱釜zip鐨勫悗缂鍚嶅氨鍙互瀹炵幇涓婁紶zip鏂囦欢浜嗐傛偍瑕佸姞鏂囦欢鏍煎紡瀵瑰簲鐨凪IME绫诲瀷 zip鏂囦欢瀵瑰簲鐨凪IME绫诲瀷鏄痑pplication/zip
