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

标签:jQuery

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

HTML+CSS ada 11个月前 (10-22) 603浏览 0评论

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

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

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

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

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

JavaScript Ann 1年前 (2016-08-29) 2130浏览

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

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

JavaScript anne 2年前 (2015-11-24) 1803浏览 0评论

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

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

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

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

jQuery toggle【原创】

JavaScript anne 2年前 (2015-08-11) 2317浏览 0评论

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

jquery中的each方法【转载】

JavaScript anne 2年前 (2015-07-23) 1466浏览 0评论

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

关于table的一些小应用

JavaScript anne 2年前 (2015-07-22) 2921浏览 0评论

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

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

JavaScript anne 2年前 (2015-07-09) 2437浏览 0评论

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

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

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

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

切换选项卡-优化js【原创】

杂项 Sylvia 2年前 (2015-05-29) 1452浏览 0评论

上次发布了切换选项卡的博客,后来发现那些js代码不够正确,经改正后的代码如下: <script type="text/javascript"> $(function(){ // 切换选项卡 $(&qu...

jQuery仿淘宝购物车结算功能【原创】

jQuery仿淘宝购物车结算功能【原创】

HTML+CSS Eva 2年前 (2015-05-28) 9945浏览 4评论

记得上篇博客当中,仅仅只是实现了购物车增减数量的功能。 这篇博客里,将会提到购物车里的所有功能。包括全选、单选金额改变。在增加数量时金额也会相应改变。如下图所示: 说下大致的思路吧: 1、首先是计算一行的价格。这个功能在上篇博客里有提到,这里就不列...