不留歷史紀錄過水頁
<!DOCTYPE html> <html> <head> <script> function myFunction() { location.replace("URL"); } </script> </head> <body onload="myFunction()"> </body> </html>
發表文章
目前顯示的是有「JS」標籤的文章
JS相關收集
- 取得連結
- X
- 以電子郵件傳送
- 其他應用程式
常用的slides http://www.slidesjs.com/ http://www.idangero.us/swiper/demos/#.VlVlK98rJdA 拉軸互動 http://controldeck.aws.af.cm/decks/scrolldeck.js/decks/responsive/index.html 右下角有陣列區塊，點了可以控制整個版面，可以用在型錄展示，還支援鍵盤 http://controldeck.aws.af.cm/decks/flowtime.js/ 上傳UI相關，上傳圖片並且做裁切 Simple jQuery Image Zoom, Pan and Crop Plugin - Cropit Lightweight jQuery Image Cropping Plugin - Crop Box (支援手機) http://deepliquid.com/projects/Jcrop/demos.php http://mattketmo.github.io/darkroomjs/ http://www.jqueryrain.com/?j2D4wPA1 放大鏡相關 Simplest jQuery Image zoom & Pan Plugin - Image Cursor zoom Smart jQuery Pan and zoom Plugin - Smart jQuery zoom 滾動整頁圖片都會有效果 JQuery Zoom Scroller Plugin Demos 360度展示＋局部放大鏡 jQuery Tikslus360 Demos 選單效果/滑過放大/顯示名稱 Amazing Thumbnail Zoom Plugin With Sliding Captions
常用JS設定
- 取得連結
- X
- 以電子郵件傳送
- 其他應用程式
使用JS判斷網頁寬度執行動作 $(document).ready(function() { $(window).resize(function() { width = $(window).width(); if (width>=768 && mode=='mobile') { $( "XXX" ).show(); } }); }); 常用animate $('.cad_girl1').delay(0).animate({left: 230}, 800, 'easeOutExpo'); $('.cad_time').delay(0).animate({right: 345}, 800, 'easeOutElastic'); 偽裝click的2種寫法 1. href $('a[href="#0"]').trigger('click'); 2. child $('pagination li:first-child').trigger('click');