先看看實(shí)現(xiàn)后的效果吧,
這是一個(gè)Cookie數(shù)據(jù)生成的列表,
每次單擊查詢(xún)會(huì)存儲(chǔ)一個(gè)域名,并把最后一次查詢(xún)的域名放在最上方。本例子最多存儲(chǔ)10個(gè),大家可以根據(jù)自己情況進(jìn)行設(shè)置
下在咱們一起來(lái)看看是怎么實(shí)現(xiàn)的吧、
先寫(xiě)一個(gè)操作Cookie的JS文件如下
有了這個(gè)文件之后我們來(lái)給要使用這Cookie的Text做一下處理吧,
代碼如下
這里面所用到的方法如下,具體的意思我就不一個(gè)一個(gè)的解釋了,如果需要說(shuō)明的請(qǐng)大家留言,我一定回復(fù)
在這里面還附帶了這樣一個(gè)效果,就是同時(shí)輸入多個(gè)輸入框的值,如下圖
如果那個(gè)輸入框要使用這樣的效果只要添加一個(gè)屬性為url="true"就行了,這樣方便 可操作性強(qiáng),想給那個(gè)框加效果就加上這個(gè)屬性,不想加的直接不加url="true"
就OK了。
在使用這個(gè)效果的界面添加如下代碼
<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直接放在一個(gè)Js文件里,引用進(jìn)來(lái)就行了
下拉列表是怎么加載的呢?看下面的一個(gè)方法就知道了
完成了這些之后我們只需要在單擊查詢(xún)時(shí)進(jìn)行存儲(chǔ)Cookie就行了,看下面的方法
調(diào)用 時(shí)這樣寫(xiě)
setCookie("site", strdomin);
好了功能完成,大家如果想看真實(shí)效果的話,進(jìn)行具體的測(cè)試
代碼寫(xiě)的不是很好,希望大家多提提建議,我們進(jìn)行相應(yīng)修改爭(zhēng)取更完善。
Cookie是存儲(chǔ)的客戶(hù)端的,一個(gè)并且只能訪問(wèn)同域名下的Cookie,子域名之間可以相互訪問(wèn),只要加上
domain屬性就行了,存儲(chǔ)的方法如下
$.cookie("domain", value, { expires: 7, domain: "baidu.com" });
取的時(shí)間直接寫(xiě) $.cookie("domain");就好了,只要是子域名,都這樣調(diào)用,這樣可以達(dá)到本域名下的Cookie共享的功能。
Cookie的有效利用會(huì)給我們的網(wǎng)站帶來(lái)N多意想不到的效果和功能,大家交流下。希望多提提建議
歡迎大家轉(zhuǎn)載,如有轉(zhuǎn)載請(qǐng)注明文章來(lái)自: http://sufei.cnblogs.com/
簽名:做一番一生引以為豪的事業(yè);在有生之年報(bào)答幫過(guò)我的人;并有能力幫助需要幫助的人;
軟件開(kāi)發(fā),功能定制,請(qǐng)聯(lián)系我
QQ:361983679 Email:
sufei.1013@163.com
MSN:
sufei.1013@163.com
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索:z360901061
微信掃一掃加我為好友
QQ號(hào)聯(lián)系: 360901061
您的支持是博主寫(xiě)作最大的動(dòng)力,如果您喜歡我的文章,感覺(jué)我的文章對(duì)您有幫助,請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長(zhǎng)非常感激您!手機(jī)微信長(zhǎng)按不能支付解決辦法:請(qǐng)將微信支付二維碼保存到相冊(cè),切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元

