【正文】 (demo).onmouseout()} righthit=1 //設(shè)置右移按鈕，當(dāng)按了一次右移按鈕后(不管按多少次)，在沒按左移按鈕之前，toright方法里的的代碼不會再被執(zhí)行 lefthit=0 //把左移按鈕設(shè)為0,這樣當(dāng)下次點了左移按鈕的時候，以便toleft方法被調(diào)用 } }/script。MyMar4=setInterval(Marquee_b,speed2)} (demo_c).innerHTML=(demo_b).innerHTML function Marquee_b(){ if((demo_a).scrollLeft=0){ (demo_a).scrollLeft=(demo_c).offsetWidth } else{ (demo_a).scrollLeft } } MyMar4=setInterval(Marquee_b,speed2) (demo_a).onmouseover=function() {clearInterval(MyMar4)。(demo_a).onmouseover()} (demo).onmouseout=function() {MyMar3=setInterval(Marquee_a,speed2)。只有當(dāng)按了左移按鈕時，才會把righthit重設(shè)為0） if(righthit==0){ speed2=30。clearInterval(MyMar1)} (demo_a).onmouseout=function() {MyMar2=setInterval(Marquee2,speed1)。clearInterval(MyMar2)。移到圖片時，第一行和第二行的圖片都會停止 (demo).onmouseover=function() {clearInterval(MyMar1)。與就是與demo2重合時。只有當(dāng)按了右移按鈕時，才會把lefthit重設(shè)為0） if(lefthit==0){ speed1=30。嘗試一下吧，再也不要亂嵌套了，雖然在Div+CSS的方式下你幾乎可以想 怎么嵌套就怎么嵌套，但是按照上面的規(guī)律你將輕松很多，從而事半功倍！script type=text/javascript /* **兼容IE,Firefox 遵循W3C標(biāo)準(zhǔn)寫法的圖片無縫滾動代碼（支持左移/右移功能）(本示例為上下兩行圖片進(jìn)行雙行滾動)powered by ** **實現(xiàn)思路：一個設(shè)定寬度并且隱藏超出它寬度的內(nèi)容的容器demo，里面放demo1和demo2，demo1是滾動內(nèi)容,demo2為demo1的直接克隆， **通過不斷改變demo1的scrollTop或者scrollLeft達(dá)到滾動的目的，當(dāng)滾動至demo1與demo2的交界處時直接跳回初始位置， **因為demo1與demo2一樣，所以分不出跳動的瞬間，從而達(dá)到“無縫”滾動的目的。因此這樣不需要做任何手腳，你的IE和 IEFirefox顯示出來的東西(外距，間距，高度，寬度)就幾乎沒什么區(qū)別了，也許細(xì)心的你會在某一個時刻發(fā)現(xiàn)一、兩個象素的差別，但那已經(jīng)很完 美了，不需要你通過調(diào)整大片的CSS來控制它們的顯示了，你愿意，你可以僅僅hack一兩個地方，而且通常這種hack可以適應(yīng)各種地方，不需要你重復(fù)在 不同的地方調(diào)試不同的Hack方式–減輕你的煩惱。liststyle:none。具體嵌套寫法遵循上面得嵌套方式，divulli/li/ul /div 然后在CSS 里面告訴 ul {Margin:0px。當(dāng)你符合這樣的規(guī)則的時候，那些倒霉的，不聽話的間隙就不會在里面出現(xiàn)了，當(dāng)你僅僅是div里面放li， 而不用ul的時候，你會發(fā)現(xiàn)你的間隙十分難控制，一般情況下，IE6和IE7會憑空多一些間距。就是divulli的三角關(guān)系。不要你認(rèn)為發(fā)現(xiàn)了hack的辦法，你就掌握了一切，我們并不是Hack的奴隸。把需要hack的地方單獨放到一個文件里面，當(dāng)瀏覽器版本符合的時候就可以調(diào)用那個被Hack的樣式，這樣 不僅使用起來非常方便，而且對于制作這個CSS本身來講，可以更嚴(yán)格的觀察到是否有必要使用hack，很多情況下，當(dāng)我本人寫CSS如果把全部代碼包括 Hack都寫到一個CSS文件的時候的時候會很隨意，想怎么Hack就怎么Hack，而你獨立出來寫的時候，你就會不自覺的考慮是否有必要Hack，是先 Hack CSS？還是先把主CSS里面的東西調(diào)整到盡可能的不需要Hack？當(dāng)你僅用很少的Hack就讓很多瀏覽器很乖很聽話的時候，你是不是很有成就感呢？你知 道怎么選擇了吧～～呵呵IE的if條件Hack 自己可以靈活使用參看這篇IE條件注釋Only IE所有的IE可識別Only IE +僅IE6可識別Only IE 7/Only IE 7/僅IE7可識別Css 當(dāng)中有許多的東西不不按照某些規(guī)律來的話，會讓你很心煩，雖然你可以通過很多的hack，很多的!important 來控制它，但是你會發(fā)現(xiàn)長此以往你會很不甘心，看看許多優(yōu)秀的網(wǎng)站，他們的CSS讓IE6,Ie7,Firefox,甚至Safari,Opera運行起 來完美無缺是不是很羨慕？而他們看似復(fù)雜的模版下面使用的Hack 少得可憐。}}/* */IE5/MAC的過濾器，一般用不著/**//*/import 。39。，media tty {i{content:。以上都是寫CSS中的一些HACK，建議遵循正確的標(biāo)簽嵌套(div ul li 嵌套結(jié)構(gòu)關(guān)系)，這樣可以減少你使用Hack的頻率，不要進(jìn)入理解誤區(qū)，并不是一個頁面就需要很多的hack來保持多瀏覽器兼容)，很多情況下也許一個 Hack都不用也可以讓瀏覽器工作得非常好，這些都是用來解決局部的兼容性問題，如果希望把兼容性的內(nèi)容也分離出來，不妨試一下下面的幾種過濾器。只是目前Firefox并不支持。 overflow:hidden。 textoverflow:ellipsis。}在Firefox中，當(dāng)子級都為浮動時，那么父級的高度就無法完全的包住整個子級，那么這時用這個清除浮動的HACK來對父級做一次定義，那么就可以解決這個問題 。 clear:both。 display:block。這點要明確。 width:正確寬度。 voicefamily :}。}這一句是在上一句中去掉了屬性區(qū)的注釋。}這里與上面一句不同的是在選擇符與花括號之間多了一個CSS注釋。}這里主要是通過CSS注釋分開一個屬性與值，流釋在冒號前。html/**/ body select {……}這句與上一句的作用相同。IE6及IE6以下識別_html {…}。第二句是MAC上safari瀏覽器獨有的。} /*FF,OP可見*/select:empty {font:12px !important。}或者為DIV加上border屬性。 }解決方法：在P對象上下各加2個空的div對象CSS代碼：.1{height:0px。marginbottom: 20px。例：div id=”box”pp對象中的內(nèi)容/p/divCSS：box {backgroundcolor:eee。頁面結(jié)構(gòu)盡量簡單。有些內(nèi)容顯示不出來，當(dāng)鼠標(biāo)選擇這個區(qū)域是發(fā)現(xiàn)內(nèi)容確實在頁面。}*html left{marginright:3px。width:50%。width:800px。visibility: hidden。height: 0。這種的最麻煩的……box:after{content: “.”。//將對象作為塊元素級的表格顯示}或者.hackbox{clear:both。它實際上通過Javascript的判斷來實現(xiàn)最小寬度。width:e?xpression( 600? “600px”: “auto” )。但I(xiàn)E不認(rèn)得這個，而它實際上 把 width當(dāng)做最小寬度來使。 minheight: 35px。 height: auto。 height: 35px。比如要設(shè)置背景圖片，這個寬度 是比較重要的。5 IE與寬度和高度的問題IE不認(rèn)得min這個定義，但實際上它把正常的width和height當(dāng)作有min的情況來使。 //可以為內(nèi)嵌元素模擬為塊元素 display:inline。Inline元素的特點是:和其他元素在同一行上,…不可控制(內(nèi)嵌元素)。 //這種情況之下IE會產(chǎn)生200px的距離 display:inline。 width:100px。//for ff+width /**/:500px。//for w\idth:500px。 就可以了。 ”需要說明的是，如果你想用這個方法使整個頁面要居中，建議不要套在一個DIV里，你可以依次拆出多個div，只要在每個拆出的div里定義MARGINRIGHT: auto。解決辦法就是在子元素定義時候設(shè)定時再加上“MARGINRIGHT: auto。這個的意思就是在父級元素內(nèi)的內(nèi)容居中；對于IE這樣設(shè)定就已經(jīng)可以了。 MARGINLEFT: auto。2 css布局中的居中問題主要的樣式定義如下：body {TEXTALIGN: center。 } /* IE6 */*+html 1 { color: 999。1 針對firefox ie6 ie7的css樣式現(xiàn)在大部分都是用!important來hack，對于ie6和firefox測試可以正常顯示，但是ie7對!important可以正確解 釋，會導(dǎo)致頁面沒按要求顯示！找到一個針對IE7不錯的hack方式就是使用“*+html”，現(xiàn)在用IE7瀏覽一下，應(yīng)該沒有問題了現(xiàn)在寫一個CSS可 以這樣：1 { color: 333。在IE7下，第三個屬性IE7不認(rèn)識，所以它讀第2個屬性，又因為第二個屬性覆蓋了第一個屬性，所以IE7最終讀出的是第2個屬性 *height:120px。_height:150px。介紹完了這三個HACK了，下面我們再來看看如何在一個樣式里分別給一個屬性定義IE6 IE7 FF專用的HACK，看下面的代碼，順序不能錯哦：程序代碼height:100px。第二個HACK IE6專用_height:100px。有一點邏輯思想的人都會知道可以用IE和FF的HACK結(jié)合起來使用，下面介紹三個HACK，例如：（適合新手，呵呵，高手就在這里路過吧。暫時還沒找到IE7專用的HACK。這下就和諧了。}什么是瀏覽器HACK：當(dāng)我們使用不同的瀏覽器（Firefox IE7 IE6）訪問同一個網(wǎng)站，或者頁面的時候，會出現(xiàn)一些不兼容的問題，有的顯示出來正常，有的顯示出來不正常，我們在編寫CSS的時候會很惱火，剛修復(fù)了這 個瀏覽器的問題，結(jié)果另外一個瀏覽器卻出了新問題。}/* IE6 */*html .submitbutton {margintop: 21px。margintop: 24px。width: 40px。(常見于導(dǎo)航標(biāo)簽)4, FF 和 IE 對 BOX 理解的差異導(dǎo)致相差 2px 的還有設(shè)為 float的div在ie下 margin加倍等問題.5, ul 標(biāo)簽在 FF 下面默認(rèn)有 liststyle 和 padding . 最好事先聲明, 以避免不必要的麻煩. (常見于導(dǎo)航標(biāo)簽和內(nèi)容列表)6, 作為外部 wrapper 的 div 不要定死高度, 最好還加上 overflow: .7, 關(guān)于手形光標(biāo). cursor: pointer. 而hand 只適用于 :兼容代碼:hack最推薦的模式。}/* End hide from IE Mac *//* end of clearfix *//style三、其他兼容技巧(相當(dāng)有用)1, FF下給 div 設(shè)置 padding 后會導(dǎo)致 width 和 height 增加, 但I(xiàn)E不會.(可用!important解決)2, 居中問題.1). lineheight 設(shè)置為 當(dāng)前 div 相同的高度, 再通過 verticalalign: middle.( 注意內(nèi)容不要換行.)2).水平居中. margin: 0 auto。}.clearfix {display:inlineblock。clear:both。display:block。} /* ie6 fixed */*+html wrapper { width: 60px。 /* IE6 */}/style2, IE6/IE77對FireFox from 針對firefox ie6 ie7的css樣式*+html 與 *html 是IE特有的標(biāo)簽, firefox *+html 又為 IE7特有標(biāo)簽.代碼:stylewrapper { width: 120px。一、