分类 WEB前端 下的文章

js拉幕广告代码

##### js拉幕广告代码,拉幕广告js代码,网页拉幕广告 ```html slide html,body{ width:100%; height:100%; margin:0px; border:0px; text-align:center; } div{ margin:auto; overflow:hidden; } function tag(obj){ return document.getElementsByTagName(obj)[0]; } window.onload=function(){ setTimeout("slideUp();",1000); } function slideUp(){ ...

继续阅读 »

批量删除/复原 批量选中js

**批量删除 批量复原js jquery** ```javascript function chkbox(){ $('#delButton').show(50); } function checkNews(){ var chckBoxSign = document.getElementById("newsChk"); //newsChk 全选/反选的选择框id var chckBox = document.getElementsByName("newsBoxChk"); //所有的选择框其name都是newsBoxChk var num = chckBox.length; if(chckBoxSig...

继续阅读 »

手机号码格式验证正则[2018更新]

**js jquery验证手机号码格式是否正确(新)** ```javascript function checkPhone(){ var phone = document.getElementById(‘phone’).value; if(!(/^1[3456789]\d{9}$/.test(phone))){ alert(“手机号码有误,请重填”); return false; } } ``` **PHP验证手机号码格式是否正确(新):** ```php ** * 手机号码验证 * @param $mobile 手机号码 * @return false/true ...

继续阅读 »

ul菜单居中_水平居中css样式

ul li导航菜单居中/水平居中css样式。这个方法较简单,是将容器转成`display:inline-block`行内块级元素,然后就可以直接用`text-align:center`使其达到水平居中效果,也是推荐的方法。 示例ul导航菜单HTML代码: ```html 首页 … ``` CSS样式代码: 给外面的div添加`text-align:center`,然后将菜单容器设成`display:inline-block`行内块级元素,菜单浮左`float:left` ```css .nav {text-align:center;} .nav ul {display:inline-block;} .nav li {...

继续阅读 »

带动态时间/公历/农历日期的js效果代码

##### 显示动态时间 公历 农历日期的js效果代码 **效果图** ![](https://www.fity.cn/usr/uploads/2015/08/1440406473_4591f802.png) ##### HTML & Javascript代码 ```html ``` ```javascript //日历 var CalendarData=new Array(20); var madd=new Array(12); var TheDate=new Date(); var tgString="甲乙丙丁戊己庚辛壬癸"; var dzString="子丑寅卯辰巳午未申酉戌亥"; var numString="一二三四五六七八九十"; ...

继续阅读 »

jQuery error()替换载入错误的图片

jQuery error()替换载入错误的图片error()函数当元素遇到错误(没有正确载入)时,发生 error 事件。error() 方法触发 error 事件,或规定当发生 error 事件时运行的函数。提示:该方法是 bind('error', handler) 的简写方式。示例:如果图片不存在,则用预定义的图片取代它:$('img').error(function(){              $(this).attr('src', "static/no_pic.gif");   });  

继续阅读 »

jQuery移除class对应绑定的事件

jQuery移除class对应的事件在使用jQuery进行class更改后发现class对应的点击事件并没有发生改变,究其原因需要在类改变后用off()将之前绑定在类上的事件取消,如果需要事件则重新绑定。off()函数用于移除元素上绑定的一个或多个事件的事件处理函数。主要用于解除由on()函数绑定的事件处理函数。例如:$("#butclass").removeClass("openbuy");  $('#butclass').off(); //移除绑定的事件  $("#butclass").addClass("disabled");  

继续阅读 »

Discuz $()与JQuery $()冲突解决方法

问题描述:默认情况下,Discuz引入jQuery代码后直接使用 $(),运行后会报错。原因分析:Discuz默认使用了$()作为对象选取函数,刚好与jQuery默认的$()函数重合造成冲突。Discuz $()对象选取函数代码位于static/js/common.js第8-10行:function $(id) {    return !id ? null : document.getElementById(id);  }  至此,你应该了解到为么Discuz引入JQuery后为什么会出现部分功能失效或报错的问题。解决方法这里列出2种:方法一:在common...

继续阅读 »

js/Jquery重新设置图片的尺寸

##js/Jquery重新设置图片的宽度高度 **设置多图:** ```javascript //当文档加载完成之后重新批量设置指定图片的高度等于宽度(这里主要用于适应某些设备) window.onload = function(){ var v = document.getElementsByClassName(“lm_img”); var k; for (k = 0; k < v.length; k++) { v[k].height = v[k].width; } }; PS:getElementsByClassName返回文档中所有指定类名的元素集合 ``` **设置单图:** ```javascript window...

继续阅读 »

Jquery replace

##### Jquery字符替换replace 示例:将下列html代码中图片SRC地址中的www.www.fity.cn域名修改为www.fity.cn: ```html ``` JQuery 替换方法: ```javascript $("img").attr("src").replace("www.www.fity.cn", "www.fity.cn");  //将www.www.fity.cn替换为www.fity.cn ```

继续阅读 »

浏览器Notification消息通知API

浏览器消息提示,浏览器Notification消息提示,html5桌面通知,html5(Notification)桌面通知通知API接口,浏览器消息通知. 传统实现方式常用方法1:页面右下角写个div层,页面定时ajax请求服务器数据,返回true,div层显示。常用方法2:浏览器标题闪烁通知,示例demo:var titleInit = document.title, hasMsg = true;  setInterval(function() {      var title = document.title; &...

继续阅读 »

kindeditor上传图片生成绝对地址

kindeditor上传图片使用绝对地址:使用kindeditor默认上传的本地图片会生成一个相对于当前域的相对路径,在我们实际的项目开发工作中我们可能希望上传图片后生成包含域名的完整路径,可以通过初始化kindeditor时指定以下参数来生成完整路径:urlType:改变站内本地URL,可设置”“、”relative”、”absolute”、”domain”。空为不修改URL,relative为相对路径,absolute为绝对路径,domain为带域名的绝对路径。数据类型:String默认值:“”   //空如果需要kindeditor上传图片生成绝对地址,修改urlType='domain',例子:<script>    Kind...

继续阅读 »