js / jQuery
关注
分享
扫一扫
L_melody
这个作者很懒，什么都没留下…
展开
-
ajaxstart和ajaxstop不执行
ajaxstart和ajaxstop在jQuery 1.9及以后的版本不执行，代码如下：$("#divload").ajaxStart(function () { $(this).show();});$("#divload").ajaxStop(function () { $(this).hide();});是因为，在jQuery 1.9+ 中， 全局的AJAX事件(ajaxStart, ajaxStop, ajaxSend, ajaxComplete, ajaxError, and .原创 2021-03-12 15:20:14 · 282 阅读 · 0 评论 -
js禁止右键|禁止选中|禁止ctrl+u|禁止F12代码
基础防复制方式：通过js 禁止鼠标右键、禁止鼠标选中文字、禁止快捷键ctrl+u、禁止F12键var arr = [123, 17, 18];document.oncontextmenu = new Function("event.returnValue=false;");//禁用右键document.onselectstart = new Function("event.returnValue=false;");//禁用选中//禁止 ctrl+uwindow.onkeydown = func原创 2021-03-11 15:51:28 · 1068 阅读 · 2 评论 -
jQuery 双层折叠特效
jQuery 双层折叠特效：（效果图如下：）<style type="text/css">.top{ width:100%; height:50px; background:#645244; margin:0 auto; position:relative;}.top .open{ position:absolute; top:9px; right:20px; color:#fff; border:2px solid #fff; border-radius:50%;-we.原创 2020-06-09 08:21:46 · 289 阅读 · 0 评论 -
jQuery小时钟实例（setInterval( ) 和 setTimeout( ) 应用）
jQuery小时钟实例（setInterval( ) 和 setTimeout( ) 应用）：使用 setTimeout( )：<script type="text/javascript"> $(function(){ var timer = function(){ var date = new Date();//获取本地时间 var date_str = date.toLocaleString();//获取时间的格式化(也可以去拼接) $("div#timer原创 2020-06-04 10:59:42 · 298 阅读 · 0 评论 -
[ js实例 ] 鼠标移动改变背景
鼠标移到不同行上时背景色改变，可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色<table border="1" width="50%" id="table"> <tr> <th>学号</th> <th>姓名</th> <th>操作</th> </tr> ...原创 2019-12-10 15:42:45 · 702 阅读 · 0 评论 -
[ jquery实例 ] 实现多栏目折叠（toggleClass的应用）
<div class="list"> <ul> <li class="title"> <h3>栏目1</h3> <ul class="list2"> <li>内容1</li> </ul> </li> <li class="title...原创 2019-12-10 15:43:11 · 240 阅读 · 0 评论 -
[ js实例 ]跳转提示页面
倒数秒数跳转指定页面，点“返回”退回之前页面<!Doctype html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>...原创 2019-11-16 14:46:01 · 378 阅读 · 0 评论 -
js下拉特效
下拉特效： $(function(){ $(".nav-left h2").mouseover(function(){ $(".nav-left ul").slideDown(); }) $(".nav-left").mouseleave(function(){ $(".nav-left...原创 2018-09-27 14:04:33 · 398 阅读 · 0 评论 -
用js控制div的高度随浏览器的变化而变化
用js控制div的高度随浏览器的变化而变化： <div id="content"></div><script type="text/javascript"> autodivheight(); function autodivheight(){ //函数：获取尺寸 //获取浏览器窗口高度 var winHeight=0; if (w...原创 2018-10-23 10:34:12 · 1020 阅读 · 0 评论 -
点击打开新窗口,并控制其外观
打开一个新窗口，并控制其外观：<div onclick="open_win()" >123</div> <script type="text/javascript"> function open_win(){ window.open('http://m.baidu.com','width=600,height=400,top=400,left=50...原创 2018-11-06 14:40:16 · 382 阅读 · 0 评论 -
jQuery点击展开伸缩且背景变换效果
<script type="text/javascript"> $(document).ready(function(){ $(".list-3").toggle(function(){ $(this).next(".list-2").animate({height: 'toggle', opacity: 'toggle'}, "slow"); $(this).ad...原创 2018-11-09 17:08:07 · 249 阅读 · 0 评论 -
JS覆盖当前整个网页 URL不变打开自定义的网址
JS覆盖当前整个网页 URL不变打开自定义的网址function browserRedirect() { var sUserAgent= navigator.userAgent.toLowerCase(); var bIsIpad= sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs= sUserAgent.match(/ip...转载 2018-12-27 08:56:34 · 2348 阅读 · 0 评论 -
不同时间点跳转不同网址js
不同时间点跳转不同网址js：<script language="javascript"> var date = new Date(); var hour = date.getHours(); var url = ''; if( hour>=8 && hour<=18 ){ url='http://www.baidu....原创 2019-03-29 09:33:49 · 806 阅读 · 0 评论 -
[ js实例 ] 年月日三级联动练习
<!Doctype html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <met...原创 2019-10-09 16:57:22 · 217 阅读 · 0 评论 -
js识别访问设备根据主目录跳转不同网址
var url = window.location.host;function isMobile() { if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|Browser...原创 2018-09-26 16:02:46 · 700 阅读 · 0 评论