當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

js学习小笔记

發布時間：2024/10/12 编程问答 24 豆豆

生活随笔收集整理的這篇文章主要介紹了 js学习小笔记小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

js學習小筆記

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

實現網頁的消息推送效果：

<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>我們網站有優惠，趕緊行動吧！親！</p> <p class="hasknow">我知道了</p> </div> <div class="mask"></div> </div> <h1>網站首頁</h1> </body> </html>

2.Animate.css 一款強大的預設css3動畫庫：http://www.jq22.com/jquery-info819

轉載于:https://www.cnblogs.com/java-7/p/8423903.html

總結

以上是生活随笔為你收集整理的js学习小笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

笔记
js