2016-09-22 61 views
0

super css noob here。如何創建一個CSS類,使一個元素鏈接到另一個頁面

我使用了一個名爲visual composer的wordpress插件,它允許您用一個行ID或一個類名命名一個行(它就像一個塊元素)。當用戶將鼠標懸停在這一行上並且點擊它時,我試圖獲得它,這個點擊將簡單地將它們帶到我的網站中的另一個頁面。

它允許一個區域有這個類或ID,我可以與標籤關聯的CSS,但搜索後,我要麼搜索錯誤的東西,要麼找不到它,但我正在尋找CSS那會讓我做到這一點!

回答

0

你需要注入一點JS到主題上,在window上監聽所需ID或類別的點擊,然後撥打window.location.href = URL或其他類似的東西。

CSS沒有能力導致瀏覽器位置發生變化。

1

你不僅可以使用CSS來鏈接到其他頁面,你需要JavaScript。例如,類名是linkPage

document.getElementsByClassName('linkPage')[0].onclick = function(){ 
 
    location.href= 'some url...' 
 
}
<div class="linkPage">linkPage</div>

0

CSS
CSS(層疊樣式表),就像它的名字狀態,定義了一套規則和屬性爲你的HTML頁面希望風格(像顏色,大小,asf的東西);和用戶交互(即使像指向URL一樣小)都不是其範圍的一部分。

基本
談論像WordPress的一個巨大的和強大的插件,如Visual Composer的,非常老的標準功能,如鏈接/圖片/表格ASF總是被發現。您可以看看視覺作曲家的「原始HTML」功能(https://vc.wpbakery.com/features/content-elements/)以及常規「a」標記(http://www.w3schools.com/tags/tag_a.asp)。

編輯
詢問如何頁面鏈接可以通過CSS文件的編輯來實現,那麼你不妨考慮不同的編輯內容類型的插件 - 如HTML或JS。

單擊錶行
最好的辦法有表格單元格/行可點擊的將是使用JavaScript;見Adding an onclick event to a table row

相關問題