亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

Jquery操作Cookie|多個輸入框同時輸入效果|下拉

系統 2960 0

先看看實現后的效果吧,

Jquery操作Cookie|多個輸入框同時輸入效果|下拉列表經典例子

這是一個Cookie數據生成的列表,

每次單擊查詢會存儲一個域名,并把最后一次查詢的域名放在最上方。本例子最多存儲10個,大家可以根據自己情況進行設置

下在咱們一起來看看是怎么實現的吧、

先寫一個操作Cookie的JS文件如下


有了這個文件之后我們來給要使用這Cookie的Text做一下處理吧,

代碼如下


這里面所用到的方法如下,具體的意思我就不一個一個的解釋了,如果需要說明的請大家留言,我一定回復


在這里面還附帶了這樣一個效果,就是同時輸入多個輸入框的值,如下圖

如果那個輸入框要使用這樣的效果只要添加一個屬性為url="true"就行了,這樣方便 可操作性強,想給那個框加效果就加上這個屬性,不想加的直接不加url="true"

就OK了。

在使用這個效果的界面添加如下代碼

         <div style="display: none; position: absolute;" id="allSitesBoxHdl" class="classlist"
            onmouseover="this.style.display='block'" onmouseout="this.style.display='none'">
            <ul id="allSitesBoxContent">
            </ul>
        </div>
   <script type="text/javascript">            Init();</script>
      

除此之外的JS直接放在一個Js文件里,引用進來就行了

下拉列表是怎么加載的呢?看下面的一個方法就知道了



完成了這些之后我們只需要在單擊查詢時進行存儲Cookie就行了,看下面的方法


調用 時這樣寫

        setCookie("site", strdomin);
      

好了功能完成,大家如果想看真實效果的話,進行具體的測試

代碼寫的不是很好,希望大家多提提建議,我們進行相應修改爭取更完善。

Cookie是存儲的客戶端的,一個并且只能訪問同域名下的Cookie,子域名之間可以相互訪問,只要加上
domain屬性就行了,存儲的方法如下

         $.cookie("domain", value, { expires: 7, domain: "baidu.com" });
      

取的時間直接寫 $.cookie("domain");就好了,只要是子域名,都這樣調用,這樣可以達到本域名下的Cookie共享的功能。

Cookie的有效利用會給我們的網站帶來N多意想不到的效果和功能,大家交流下。希望多提提建議



歡迎大家轉載,如有轉載請注明文章來自: http://sufei.cnblogs.com/

簽名:做一番一生引以為豪的事業;在有生之年報答幫過我的人;并有能力幫助需要幫助的人;

軟件開發,功能定制,請聯系我 給我留言 QQ:361983679 Email: sufei.1013@163.com MSN: sufei.1013@163.com

Jquery操作Cookie|多個輸入框同時輸入效果|下拉列表經典例子


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 狠狠久久综合伊人不卡 | 超清波多野结衣精品一区 | 伊人97在线| 精品99在线观看 | 我想看一级播放片一级的 | 亚洲 欧美 日韩 综合 | 色综合综合色 | 香蕉久久久久 | 91在线观 | 天天躁日日躁狠狠躁黑人躁 | 这里只有精品视频在线 | 思99re久久这里只有精品首页 | 日本吻胸抓胸激烈视频网站 | 资源站在线 | 中文字幕一区二区三区免费看 | 老子影院我不卡 | 狠狠色丁香婷婷综合小时婷婷 | 日本一级毛片在线观看 | 香蕉视频免费在线看 | 精品成人免费一区二区在线播放 | 国产在线观看91精品不卡 | 久久久网久久久久合久久久久 | 湿湿影院在线观看 | aaa级片| 久久精品免观看国产成人 | 久久爱avwww久久爱 | 成人伊人网| 离线枕边人国语在线影视 | 久久精品国产一区二区小说 | www.日本一区 | 一本一本久久a久久综合精品蜜桃 | 草草福利影院 | 一区二区三区免费视频观看 | 国产精品福利视频免费观看 | 久久99久久精品97久久综合 | 国产人伦视频在线观看 | 欧美日韩中文一区二区三区 | 午夜噜噜噜私人影院在线播放 | 亚洲欧美一区二区三区四区 | 久久久久久国产精品免费免费 | 性生活国产 |