茄子在线看片免费人成视频,午夜福利精品a在线观看,国产高清自产拍在线观看,久久综合久久狠狠综合

    <s id="ddbnn"></s>
  • <sub id="ddbnn"><ol id="ddbnn"></ol></sub>

  • <legend id="ddbnn"></legend><s id="ddbnn"></s>

    jQuery關(guān)鍵詞說明插件cluetip使用指南
    來源:易賢網(wǎng) 閱讀:1360 次 日期:2015-04-24 11:39:07
    溫馨提示:易賢網(wǎng)小編為您整理了“jQuery關(guān)鍵詞說明插件cluetip使用指南”,方便廣大網(wǎng)友查閱!

    jQuery關(guān)鍵詞說明插件cluetip使用指南

    我們在做web項目的時候,經(jīng)常會使用到提示效果。html自帶的提示效果是label標簽的title,但是這個效果過于簡單和難看,并且不方便調(diào)整樣式。今天我偶然發(fā)現(xiàn)個jQuery的插件,可以很方便的做出漂亮的提示效果。

    我們開發(fā)的網(wǎng)站,總有它一定的用途。如企業(yè)站用來宣傳企業(yè)或展示產(chǎn)品,技術(shù)站用來分享自己的思路和經(jīng)驗。既然網(wǎng)站有了它的用途,那么就擁有了它本身的關(guān)鍵詞(關(guān)鍵詞說明網(wǎng)站的主要內(nèi)容)。例如企業(yè)站的關(guān)鍵詞大部分是企業(yè)名稱或產(chǎn)品名稱,技術(shù)站的關(guān)鍵詞大部分是技術(shù)術(shù)語。不論是企業(yè)宣傳產(chǎn)品或分享思路經(jīng)驗,我們都想給某些術(shù)語加上說明或鏈接(跳轉(zhuǎn)到術(shù)語頁面),這時我們就可以使用cluetip插件。

    1. cluetip插件功能

    名單

    主要用于為某些關(guān)鍵詞添加提示說明功能,也可以展示廣告。cluetip插件可以讀取另一個html文件中的內(nèi)容,

    關(guān)鍵詞

    會讀取ajax3.html頁面的內(nèi)容

    官方地址demo中有使用說明。

    2.cluetip官方地址

    在官方地址上有插件的詳細使用說明

    最常用的屬性為:

    splitTitle: '|' 標題和內(nèi)容的分隔符

    sticky: true 是否開啟強制關(guān)閉 true 為開啟。必須點擊關(guān)閉,才能關(guān)閉當前提示

    closeText: '圖片或文字' 關(guān)閉的圖片或文字展示,如

    closePosition: 'title' 關(guān)閉按鈕的位置

    dropShadow: false 是否添加陰影 true為添加,false為不添加

    positionBy: 'mouse' 提示窗體是否按鼠標位置移動。

    truncate: 60 截取長度,說明長度過長時,只取前60字

    3.cluetip使用方法

    1.引用文件

    <link rel="stylesheet" href="jquery.cluetip.css" type="text/css" />

    <script src=">

    <script src="jquery.cluetip.js"></script>

    2.定義樣式??梢允褂霉俜降臉邮剑部梢宰远x。自定義時需修改jquery.cluetip.css文件。如本例所示

    body{

    font-size:12px;

    font-family:微軟雅黑;

    }

    p{

    width:500px;

    }

    .split-body a{

    color:blue;

    }

    3.使用的js代碼

    $(function(){

    $('a.javascript').cluetip({splitTitle: '|',width: '200px', showTitle: false});

    $('a.html').cluetip({

    splitTitle: '|',

    sticky: true,

    closeText: '<img src="cross.png" alt="" />',

    closePosition: 'title',

    dropShadow: false,

    positionBy: 'mouse'

    //truncate: 60

    });

    });

    4.用到的html

    <a href='#' title='提示標題|提示內(nèi)容' class='樣式'>關(guān)鍵詞</a>

    以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。

    更多信息請查看IT技術(shù)專欄

    更多信息請查看腳本欄目
    易賢網(wǎng)手機網(wǎng)站地址:jQuery關(guān)鍵詞說明插件cluetip使用指南
    由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇剩?/div>

    2026國考·省考課程試聽報名

    • 報班類型
    • 姓名
    • 手機號
    • 驗證碼
    關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
    工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號
    聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
    咨詢QQ:1093837350(9:00—18:00)版權(quán)所有:易賢網(wǎng)