jQuery
文章平均质量分 81
Wendy-lxq
这个作者很懒,什么都没留下…
展开
-
仿造百度换肤功能的实现
换肤功能的应用很广,不管是搜索界面还是普通的管理界面等等,都可以进行设计并且应用换肤功能,起到更好的用户体验。今天仿造百度的换肤功能,实现了基本的换肤功能,接下来将会为大家介绍如何实现。在设计界面的过程当中,我采用了Bootstrap框架,以便更好的适应屏幕。(当然也是为了更好的熟悉使用这个框架,大家别忘了把Bootstrap框架的css和js包引进来哦)。在创建项目时最好可以分别将c原创 2016-09-14 09:17:38 · 5065 阅读 · 0 评论 -
多种类型的导航条制作【css3,jquery】
导航条的使用很广,每个网站都会做出具有自己特色的导航条。最近特地去了解了各种类型的导航条,比如具有高亮显示的导航条,中英文互相切换的导航条,具有弹性动画的导航条,甚至是具有摩擦运动动画的导航条(文字下面有横线)等。每种导航条都有自己的特色,比如高亮显示的导航条看起来比较简单,但是视觉效果还不错,具有动画效果的导航条在视觉上也是有很好的效果。接下来将会一一介绍4种应用比较广的导航条,即:原创 2016-09-16 19:04:12 · 2870 阅读 · 0 评论 -
仿网易选项卡制作
如果你的页面只有一个tab(选项卡)切换的地方,需要调用js效果,如果单独为了它,还要为页面加载一个jQuery插件,想必是极痛苦的。所有很多时候,jQuery特效也不是万能的,偶尔来个原生的js效果也是必须的。今天闲着无聊,用js和jquery分别写了一个选项卡的效果,但是其中用到jquery只是为了更好的获取标签以及修改样式。先来浏览一下效果图吧~~一、原创 2016-10-03 11:02:08 · 1399 阅读 · 0 评论 -
jQuery模板插件--jQuery tmpl初识
动态请求数据来更新页面是现在非常常用的方法,比如博客评论的分页动态加载,微博的滚动加载和定时请求加载等。 这些情况下,动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 XML,总之不在浏览器端拼数据就在服务器端拼数据。不过,从传输量方面来看,返回 HTML 不划算,而在 web 传输方面,现在更多的是使用 JSON 而不是 XML。浏览器端根据 JSON 生成 HT原创 2017-03-09 20:24:44 · 811 阅读 · 0 评论 -
简易购物车的实现
网上关于购物车实现的代码非常多,今天看了一些知识点,决定自己动手写写,于是写了一个简易购物车,接下来讲解一下具体的实现。1、用html实现内容;2、用css修饰外观;3、用js(jq)设计动效。 第一步:首先是进行html页面的设计,我用一个大的div将所有商品包含,然后用不同的div将不同的商品进行封装,商品列表中我用了ul li实现,具体实现代码如下(代码中设计到都是网上随原创 2016-09-09 21:42:50 · 7673 阅读 · 3 评论 -
jQuery初级--jQuery中的on()方法
jQuery中的on()函数用于为指定元素的一个或多个事件绑定事件处理函数。此外,你还可以额外传递给事件处理函数一些所需的数据。从jQuery 1.7开始,on()函数提供了绑定事件处理程序所需的所有功能,用于统一取代以前的bind()、delegate()、 live()等事件函数。 on()方法支持直接在目标函数上绑定事件,也支持在目标元素的祖辈元素上委托绑定。在事件委托绑原创 2016-12-20 19:22:53 · 894 阅读 · 0 评论 -
jQuery中级--$(function() {})和$(document).ready(function(){ })
$(document).ready() 里的代码是在页面内容都加载完才执行的,如果把代码直接写到script标签里,当页面加载完这个script标签就会执行里边的代码了,此时如果你标签里执行的代码调用了当前还没加载过来的代码或者dom,那么就会报错,当然如果你把script标签放到页面最后面那么就没问题了,此时和ready效果一样。 $(document).ready(funct原创 2016-12-22 20:17:26 · 24594 阅读 · 1 评论 -
【jQuery】用jQuery实现定位滚动导航效果
在平时写官网代码的过程中,我们经常可以碰到这样的一个情况:在顶部有一个总的导航,然后接下来会有一个banner,在banner的下面会有一个二级导航,二级导航的每个页面都有一定的内容,为了显示更友好,此时我们会在滚动的时候,让二级导航固定在顶部,然后会根据滚动的位置,将导航条的内容相应的改变,那么用jQuery如何实现这个效果呢? 我写了一个简单的页面来完成这个效果,现在先来看看效果。原创 2017-06-26 20:42:22 · 5741 阅读 · 1 评论