當(dāng)前位置：首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

js学习小笔记

發(fā)布時(shí)間：2024/10/12 编程问答 23 豆豆

生活随笔收集整理的這篇文章主要介紹了 js学习小笔记小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

js學(xué)習(xí)小筆記

1.$.cookie('history_back', backurl, { expires: 7, path: '/' })：創(chuàng)建一個(gè)key為"history_back"，value為backurl，過(guò)期時(shí)間為7天，生效路徑為根路徑的cookie。

實(shí)現(xiàn)網(wǎng)頁(yè)的消息推送效果：

<DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body{ margin:0; } .pop{ width:400px; height:300px; background-color:#fff; border:1px solid #ccc; position:fixed; left:50%; top:50%; margin-left:-200px; margin-top:-250px; z-index:9999; opacity:0; filter:alpha(opacity=0); } .pop span{ float:right; font-size:30px; cursor:pointer; } .mask{ width:100%; height: 100%; background-color:#000; opacity:0.6; filter:alpha(opacity=60); position:fixed; z-index:9990; left:0; top:0 } .pop_con{ display:none; } .hasknow{ text-align:center; cursor:pointer; margin-top:100px; } </style> <script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="../js/jquery.cookie.js"></script> <script type="text/javascript"> $(function(){ var read = $.cookie('hasread'); //alert(read); if(read==undefined) { $('.pop_con').show(); $('.pop').animate({marginTop:-150,opacity:1}); } $('.hasknow').click(function() { $.cookie('hasread','ok',{expires:7,path:'/'}); $('.pop_con').hide(); }); }) </script> </head> <body> <div class="pop_con"> <div class="pop"> <span>×</span> <p>我們網(wǎng)站有優(yōu)惠，趕緊行動(dòng)吧！親！</p> <p class="hasknow">我知道了</p> </div> <div class="mask"></div> </div> <h1>網(wǎng)站首頁(yè)</h1> </body> </html>

2.Animate.css 一款強(qiáng)大的預(yù)設(shè)css3動(dòng)畫(huà)庫(kù)：http://www.jq22.com/jquery-info819

轉(zhuǎn)載于:https://www.cnblogs.com/java-7/p/8423903.html

總結(jié)

以上是生活随笔為你收集整理的js学习小笔记的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

笔记
js