2012-11-02 166 views
1

我想做一個背景滑塊腳本工作,但它只是不工作。即使我想讓它們保持靜止,導航圖標也會以奇怪的方式滑動,而不是滑動的背景。起初,我只是想從滑塊導航中刪除「1,2,3」,但現在滑塊完全沒有工作。jQuery背景滑塊功能

它的CSS代碼:

#pictureSlider { } 
    #pictureSlider div { height:100%; width:100%; position:absolute; z-index:-999; } 

    /* NAVIGATION BOX */ 
    .navbox { width:150px; height:20px; position:absolute; left:0px; top:50px; } 
    .navbox ul {position:absolute; right:10px; top:10px; } 
    .navbox ul li { list-style: none; float: left; cursor:pointer; } 
    .navbox ul li a { 
display:block; float:left; width:23px; height:25px; text-align:center; 
background-image:url("../images/slide-circle-controls.png"); margin-left:5px; 
text-decoration:none; 
    } 
    .navbox ul li a:hover { background-position:bottom; color:#000; } 

    .cam { } 
    .clouds { } 
    .key { } 

非常感謝! :)

+0

「的CssClass」:「HB1」,已籤這個類名與你的是正確的??? villa/js/script.js –

+0

jquery爲樣式目的動態創建類我沒有在代碼中使用它。另外,任何想法如何從導航中刪除「1,2,3」? –

回答

0

你可以設置字體大小爲0px,一些瀏覽器接受和1,2,3的值將不可見

您還可以設置字體大小爲1px和設置顏色爲黑色,使按鍵的黑色邊框將隱藏號碼

navbox ul li a { 
    display:block; 
    float:left; 
    width:23px; 
    height:25px; 
    text-align:center; 
    background-image:url("../images/slide-circle-controls.png"); 
    margin-left:5px; 
    text-decoration:none; 
    font-size: 1px; 
    color: #000; 
} 

但最好是修改劇本,只是不把索引值,檢查線59上的script.js:

.html(i) 

喜歡的東西

.html('') 

更換和數字將會消失

如果你的滑塊不是你修改後的工作只是撤消這些修改:P

+0

謝謝...那些作品和數字已經消失:) 任何想法爲什麼腳本本身不工作? –

+0

嘗試檢查與螢火蟲/ chromesinspector /等執行,看看它是否會引發一些錯誤,無論如何,腳本看起來像從其他地方'偷',只是搜索原來的,然後修改只,那我不知道什麼你改變了,我以前看起來像 – arieljuod