[問題] Google開發人員工具的盲點?

看板Web_Design作者 (鄉民)時間13年前 (2010/10/13 10:02), 編輯推噓3(3012)
留言15則, 7人參與, 最新討論串1/2 (看更多)
http://0rz.tw/B4YIx 想學這個網頁的效果 換上自己喜歡的數張圖片一直變換 但是我發現只有在ie才看得到圖片變換 如果在google瀏覽器或是firefox 就看不到圖片 仔細研究其原始碼都是亂碼 我用googl開發人員工具複製其原始碼 在ie裡卻看不到任何圖片 請問玄機在哪? 要如何修改其原始碼 才能在ie複製同樣的效果? 以下是我在google開發人員工具複製的原始碼 ----------------- <title></title> </head> <body bgcolor="#000000" text="#000000"> <noscript></noscript> <br><br> <br><br> <p align="center"></p><table style="BORDER-LEFT-COLOR: #ffffff; BORDER-BOTTOM-COLOR: #ffffff; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #ffffff; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-COLLAPSE: collapse; BORDER-RIGHT-COLOR: #ffffff; BORDER-BOTTOM-STYLE: inset" cellspacing="0" cellpadding="0" align="center" border="5"><tbody><tr><td><table style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-STYLE: groove; BORDER-TOP-COLOR: #000000; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BORDER-COLLAPSE: collapse; BORDER-RIGHT-COLOR: #000000; BORDER-BOTTOM-STYLE:groove" cellspacing="0" cellpadding="0" align="center" border="2"><tbody><tr><td><table cellspacing="5" bordercolordark="#000000" cellpadding="3" width="80%" align="center" bordercolorlight="#000000" background="http://farm1.i-part.com.tw/n1v1/5/4/1/9/1009145/photo/book36/12145895337.gif" border="1"><tbody><tr><td align="center"><table cellspacing="2" bordercolordark="#000000" cellpadding="0" width="100%" align="center" bordercolorlight="#000000" background="http://farm1.i-part.com.tw/n1v1/5/4/1/9/1009145/photo/book36/12066300565593.jpg" border="0"><tbody><tr><td><table cellspacing="11" cellpadding="0" width="100%" align="center" background="http://farm1.i-part.com.tw/n1v1/5/4/1/9/1009145/photo/book36/12066300563858.jpg" border="0"><tbody><tr><td><table cellspacing="3" bordercolordark="#000000" cellpadding="0" width="100%" align="center" bordercolorlight="#000000" background="http://farm1.i-part.com.tw/n1v1/5/4/1/9/1009145/photo/book36/12066300563858.jpg" border="1"><tbody><tr><td><table cellspacing="5" bordercolordark="#ffffff" cellpadding="0" width="100%" align="center" bordercolorlight="#ffffff" background="http://farm1.i-part.com.tw/n1v1/5/4/1/9/1009145/photo/book36/12066300565593.jpg" border="1"> <tbody><tr><td><div style="LEFT: 0px; TOP: 0px; POSITION: relative; OVERFLOW: hidden; width:675px; height:380"><br><br><t:seq repeatcount="indefinite"><br><t:media style="FILTER: alpha; LEFT: 0px; WIDTH: 675px; POSITION: absolute; TOP: 0px" src="http://farm1.i-part.com.tw/n1v1/5/4/1/9/1009145/photo/book7/12331836154035.jpg" dur="8" fill="transition" timecontainer="par"><t:transitionfilter from="0" to="1" type="progid:DXImageTransform.Microsoft.RandomDissolve()" dur="2"></t:transitionfilter></t:media><br><t:media style="FILTER: alpha; LEFT: 0px; WIDTH: 675px; POSITION: absolute; TOP: 0px" src="http://farm1.i-part.com.tw/n1v1/5/4/1/9/1009145/photo/book7/12331836167353.jpg" dur="8" fill="transition" timecontainer="par"><t:transitionfilter from="0" to="1" type="type=" progid:dximagetransform.microsoft.barn(orientation="vertical" motion="in)&quot;" dur="2"></t:transitionfilter></t:media><br><t:media style="FILTER: alpha; LEFT: 0px; WIDTH: 675px; POSITION: absolute; TOP: 0px" src="http://farm1.i-part.com.tw/n1v1/5/4/1/9/1009145/photo/book7/12864768191109.jpg" dur="8" fill="transition" timecontainer="par"><t:transitionfilter from="0" to="1" type="barWipe" dur="2"></t:transitionfilter></t:media><br><t:media style="FILTER: alpha; LEFT: 0px; WIDTH: 675px; POSITION: absolute; TOP: 0px" src="http://farm1.i-part.com.tw/n1v1/5/4/1/9/1009145/photo/book7/12864784756984.jpg" dur="8" fill="transition" timecontainer="par"><t:transitionfilter from="0" to="1" type="slideWipe" dur="2"></t:transitionfilter></t:media><br><t:media style="FILTER: alpha; LEFT: 0px; WIDTH: 675px; POSITION: absolute; TOP: 0px" src="http://farm1.i-part.com.tw/n1v1/5/4/1/9/1009145/photo/book7/12331836164239.jpg" dur="8" fill="transition" timecontainer="par"><t:transitionfilter from="0" to="1" type="progid:DXImageTransform.Microsoft.RandomDissolve()" dur="2"></t:transitionfilter></t:media><br><t:media style="FILTER: alpha; LEFT: 0px; WIDTH: 675px; POSITION: absolute; TOP: 0px" src="http://farm1.i-part.com.tw/n1v1/5/4/1/9/1009145/photo/book7/12331836161036.jpg" dur="8" fill="transition" timecontainer="par"><t:transitionfilter from="0" to="1" type="fade" dur="2"></t:transitionfilter></t:media><br><t:media style="FILTER: alpha; LEFT: 0px; WIDTH: 675px; POSITION: absolute; TOP: 0px" src="http://farm1.i-part.com.tw/n1v1/5/4/1/9/1009145/photo/book7/12331836164239.jpg" dur="8" fill="transition" timecontainer="par"><t:transitionfilter from="0" to="1" type="progid:DXImageTransform.Microsoft.Barn(orientation=horizontal motion=in)" dur="2"></t:transitionfilter></t:media><br><t:media style="FILTER: alpha; LEFT: 0px; WIDTH: 675px; POSITION: absolute; TOP: 0px" src="http://farm1.i-part.com.tw/n1v1/5/4/1/9/1009145/photo/book7/12331836154035.jpg" dur="8" fill="transition" timecontainer="par"><t:transitionfilter from="0" to="1" type="progid:DXImageTransform.Microsoft.Barn(orientation=horizontal)" dur="2"></t:transitionfilter></t:media><br><t:media style="FILTER: alpha; LEFT: 0px; WIDTH: 675px; POSITION: absolute; TOP: 0px" src="http://farm1.i-part.com.tw/n1v1/5/4/1/9/1009145/photo/book7/12864791157326.jpg" dur="8" fill="transition" timecontainer="par"><t:transitionfilter from="0" to="1" type="progid:DXImageTransform.Microsoft.Barn(orientation=vertical motion=in)" dur="2"></t:transitionfilter></t:media><br><t:media style="FILTER: alpha; LEFT: 0px; WIDTH: 675px; POSITION: absolute; TOP: 0px" src="http://farm1.i-part.com.tw/n1v1/5/4/1/9/1009145/photo/book7/12331836167353.jpg" dur="8" fill="transition" timecontainer="par"><t:transitionfilter from="0" to="1" type="progid:DXImageTransform.Microsoft.Stretch(StretchStyle=spin)" dur="2"></t:transitionfilter></t:media><br><t:media style="FILTER: alpha; LEFT: 0px; WIDTH: 675px; POSITION: absolute; TOP: 0px" src="http://farm1.i-part.com.tw/n1v1/5/4/1/9/1009145/photo/book7/12331836161036.jpg" dur="8" fill="transition" timecontainer="par"><t:transitionfilter from="0" to="1" type="progid:DXImageTransform.Microsoft.Strips(motion=leftdown)" dur="2"></t:transitionfilter></t:media><br><t:media style="FILTER: alpha; LEFT: 0px; WIDTH: 675px; POSITION: absolute; TOP: 0px" src="http://farm1.i-part.com.tw/n1v1/5/4/1/9/1009145/photo/book7/12331836167353.jpg" dur="8" fill="transition" timecontainer="par"><t:transitionfilter from="0" to="1" type="progid:DXImageTransform.Microsoft.Slide(bands=10, SlideStyle=hide)" dur="2"></t:transitionfilter></t:media><br><t:media style="FILTER: alpha; LEFT: 0px; WIDTH: 675px; POSITION: absolute; TOP: 0px" src="http://farm1.i-part.com.tw/n1v1/5/4/1/9/1009145/photo/book7/12331836161036.jpg" dur="8" fill="transition" timecontainer="par"><t:transitionfilter from="0" to="1" type="progid:DXImageTransform.Microsoft.RandomDissolve()" dur="2"></t:transitionfilter></t:media><br><embed style="LEFT:-90px; POSITION: absolute; TOP:0px; absolute; " src="http://blog.roodo.com/sunu816/bfdaa96f.swf" width="900" height="650" type="application/x-shockwave-flash" quality="high" wmode="transparent"><div id="item1" style="Z-INDEX: 2; LEFT:369px; WIDTH: 300px; POSITION: absolute; TOP:37px; HEIGHT: 21px"><p align="right"><font style="FONT-SIZE: 12.5pt; WIDTH: 100%; COLOR: #ffffff; LINE-HEIGHT: 129%; FONT-FAMILY: 標楷體"><strong> 今夜我的夢<br> 在這微弱的燭光裡<br> 不知覺的一陣風<br> 都讓所有的閃爍<br> <br> 扭曲的身影<br> 試圖在火的跳躍中<br> 擺回原形<br> 夜幕剛好成了最大的布景<br> 努力的掙脫<br> 還是無法照亮所有的邊緣<br> <br> 在帷幕之外<br> 有誰在那裡跳躍<br> 努力的傾聽<br> 不過是一夜的寂寥<br> <br></strong></font><strong></strong></p></div><strong></strong></t:seq></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table> <iframe marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="1px" height="1px" src="" rel="nofollow">http://vlog.xuite.net/vlog/guest/external.php?media_id=UjVRazVRLTEyNDY1ODMuZmx2&amp;pt=2&amp;ar=1&amp;as=1"></iframe> <script language="javascript" type="text/javascript" src="http://sunu816.myweb.hinet.net/java.js"></script><script language="JavaScript"> <!-- //Disable right click script III- By jeffery (jeffery@lovebox.cc) //For full source code, visit http://www.supe.com.tw var message=""; /////////////////////////////////// function clickIE() {if (document.all) {(message);return false;}} function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);return false;}}} if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;} else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;} document.oncontextmenu=new Function("return false") document.onselectstart=new Function("return false") // --> </script> </body></html> -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 210.69.23.252

10/13 10:59, , 1F
答案應該在flash裡
10/13 10:59, 1F

10/13 11:28, , 2F
10/13 11:28, 2F

10/14 00:22, , 3F
可是原始碼裡圖片都是JPG檔 為何答案在FLASH裡?
10/14 00:22, 3F

10/14 00:44, , 4F
中間那個一閃一閃亮晶晶的flash就可以崁入音樂啊...
10/14 00:44, 4F
我的疑問不是音樂 是在IE裡圖片會一直變換 我用googl開發人員工具複製其原始碼 在ie裡卻看不到任何圖片 請問玄機在哪? ※ 編輯: Villagers 來自: 114.42.126.114 (10/14 06:07)

10/14 07:00, , 5F
你第二句說IE裡圖片一直換,第四句說IE裡看不到圖片??
10/14 07:00, 5F
沒錯阿 我看她的網頁IE裡圖片一直換 但是我用googl開發人員工具複製其原始碼 在ie裡卻看不到任何圖片 真是神奇 她是神嗎?

10/14 10:55, , 6F
話說用firefox看跟IE看 差好多喔
10/14 10:55, 6F

10/14 10:56, , 7F
那堆jpg是顯示在 Flash之上的吧(?)
10/14 10:56, 7F

10/14 12:04, , 8F
IE按F12叫出開發者工具之後
10/14 12:04, 8F

10/14 12:04, , 9F
你會看到一堆用t:XXX的標籤
10/14 12:04, 9F

10/14 12:04, , 10F
那應該是IE特殊的標籤,不過音樂不應該在那裏
10/14 12:04, 10F
謝謝熱心回覆 我的問題不是音樂 是圖片變換的問題 到底原始碼該如何改 才能在IE出現圖片變換的效果? ※ 編輯: Villagers 來自: 210.69.23.252 (10/14 17:33)

10/14 21:58, , 11F
這不是什麼盲點,chrome看不懂的東西他就不理了。
10/14 21:58, 11F

10/14 21:59, , 12F
這類效果其實是可以用filter搭配 js 做,不過這樣做就是ie
10/14 21:59, 12F

10/14 22:01, , 13F
only了。至於他網站是用很冷門的玩意 http://0rz.tw/jZ6Zn
10/14 22:01, 13F

10/16 01:43, , 14F
設了那麼多table 我還以為是鬼打牆
10/16 01:43, 14F

10/16 16:45, , 15F
謝謝高手熱心回應 剛剛試作一篇 http://0rz.tw/OZeGq
10/16 16:45, 15F
文章代碼(AID): #1CjHCybe (Web_Design)
文章代碼(AID): #1CjHCybe (Web_Design)