最新消息:文章中包含代码时,请遵守代码高亮规范!

标签:jQuery

JQuery实现弹窗下底部页面禁止滑动【原创】

JavaScript Aimee 12个月前 (12-18) 688浏览 0评论

在项目开发过程中,经常会遇到带有弹窗的页面,尤其是在移动端。在没有特别要求的情况下,弹窗弹出后,弹窗下的底部页面依然能够滑动。为了得到更好的用户体验,需要做到触发弹窗时,弹窗底部页面禁止滑动,关闭弹窗时,弹窗底部页面恢复滑动,具体思路如下: 1.触发...

JQuery方法延迟触发事件【转载】

JavaScript Aimee 12个月前 (12-18) 404浏览 0评论

延迟执行在某些特殊的情况下还是蛮有用的,实现的方法也很简单,以下转载文章实现了触发延迟,具体如下: function delayer(){  $('.content').hide(); } jQuery(document).ready(functio...

用JQuery获取当前页面url传递的参数【转载】

JavaScript Aimee 12个月前 (12-18) 545浏览 0评论

在项目开发过程中,有时会需要获取地址栏url中?后面携带的参数,通过是否存在某个参数进行判断,展现不同的样式。以下转载的文章利用检索功能获取网页传递的参数: function request(paras) { var ...

如何获取屏幕的宽度和高度【转载】

JavaScript Aimee 1年前 (2017-09-17) 593浏览 0评论

Javascript 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽)...

用其它标签实现类似a标签的锚点效果【原创】

JavaScript Lucifer 2年前 (2016-11-24) 1129浏览 0评论

前几天做了个项目,解决手机端网页多次按返回才退出的问题,废话不多说,直接贴代码: js 代码 //锚点效果 var contArr = new Array();      //声明一个空数组 var ulCont = $(“.cont h...

浅谈ajax提交form表单的认识【原创】

HTML+CSS ada 2年前 (2016-10-22) 1280浏览 0评论

学代码的时间也不短了,但是却很少使用ajax,后来特地去了解了一下,以下是作为初用ajax的新人对ajax的看法以及认识。 Ajax,异步请求,通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情...

js实现横线提示输入验证码随输入验证码输入消失【原创】

HTML+CSS Ann 2年前 (2016-09-24) 1785浏览 0评论

最近做微信端的页面遇到了一个之前没有遇到过的一个页面,刚开始放在那没有去写,可是等其他页面都写好的时候,还是得回过头来研究这个页面问题,刚开始我请教了公司的移动研发,从他那里得到启发,最终实现了这个效果,先把效果图展示出来给大家看看 效果图: 输入...

SuperSlide(PC端)和TouchSlide(移动端)轮播图巧应用【原创】

JavaScript Ann 2年前 (2016-08-29) 3287浏览

遇到轮播图,大家可能首先去百度各种相关插件,然后在那一遍遍不停地改啊改,不仅浪费了时间也消耗了精力,想当初本姑娘也是绞尽了脑汁,盘桓于各大论坛,各种博客,个种网站,只为找到一款心仪的轮播图插件,现在想想满眼的辛酸泪啊! 万万没想到,在一次偶然的机会结...

30个经典的jQuery代码开发技巧

HTML+CSS figer 3年前 (2015-11-24) 1843浏览 1评论

1. 创建一个嵌套的过滤器 代码如下: .filter(“:not(:has(.selected))”) //去掉所有不包含class为.selected的元素 2. 重用你的元素查询 代码如下: var allItems...

三级联动封装函数【原创】

JavaScript anne 3年前 (2015-11-24) 2263浏览 0评论

在最近的项目中经常会用到联动方法,有时一个页面还会用到不止一次。这时如果分开单独去写就会很费代码量。所以就将这段代码封装了一下。 代码如下: // 查询条件 var chosetext = "<option value=...

Jquery中的offset()和position()的用法和区别【原创】

HTML+CSS figer 3年前 (2015-11-18) 2802浏览 0评论

jquery 中有两个获取元素位置的方法offset()和position(),这两个方法之间有什么异同?使用的时候应该注意哪些问题?什么时候使用offset(),什么时候又使用position()呢? 先看看这两个方法的定义。 offset(): ...

jquery实现点击弹出带标题栏的弹出层效果

HTML+CSS figer 3年前 (2015-09-23) 3272浏览 0评论

这是一款jquery实现的弹出层,点击文字后从网页右上角飞入,也可以说是滑入,此类弹出框带有关闭按钮,可自定义标题栏和弹出框内容,风格自己可定义,代码简洁,基于jquery实现。 实现代码如下: <!DOCTYPE html PUBLIC ...

图片自适应浏览器大小【原创】

JavaScript anne 3年前 (2015-08-20) 1916浏览 0评论

今天修改了一个轮播图,需要自适应浏览器大小。具体实现代码如下: js: window.onload = function(){ window.onresize = function(){ var wWidth = doc...

jQuery toggle【原创】

JavaScript anne 3年前 (2015-08-11) 2886浏览 0评论

最近在做页面时,发现jQuery的toggle()函数有个很好用的方法。在百度toggle用法时看到:在toggle()方法中,可以依次调用N个指定的函数,直到最后一个函数,然后重复对这个函数轮番调用,其语法如下:toggle(fn, fn2, [f...

jquery中的each方法【转载】

JavaScript anne 3年前 (2015-07-23) 1851浏览 0评论

each()方法能使DOM循环结构简洁,不容易出错。each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组、多维数组、DOM, JSON 等等 在javaScript开发过程中使用$each可以大大的减轻我们的工作量。 下面提一下...

关于table的一些小应用

JavaScript anne 3年前 (2015-07-22) 3432浏览 0评论

在前端页面制作中,有时会要用到table标签,这时如果我们要对table标签中的内容添加一些js事件,我们可能要获取相应的table标签,例如下面的部分js代码: var oTab = document.getElementById('t...

设置页面自适应大小【原创】

JavaScript anne 3年前 (2015-07-09) 3210浏览 0评论

在我几天做的项目页面中有需要设置页面自适应大小的问题。现在总结一下仅供大家参考: 类别一:有的页面是一整张图片作为背景的,我们需要让图片大小能自动去适应不同屏幕,我们可以将这行图片作为body的背景,然后加上js去控制图片的大小,js代码如下: ...

模板中的导航高亮实现【原创】

HTML+CSS Sylvia 3年前 (2015-07-03) 2094浏览 0评论

在网站中,都会有公用头部的导航链接,而在使用twig模板时,如何实现在当前导航链接详情页时,加上对应导航高亮的样式呢? 答案是,可以使用data-flag;在base模板里写一个高亮函数如highlight(flag);在需要导航高亮的页面调用hig...