jQuery实战
文章平均质量分 83
「已注销」
君子以自强不息
展开
-
jQuery实战6:优雅的弹窗效果
弹窗是网页中经常看到的效果,以前的弹窗是用window.open()等方式在浏览器窗口新建另一个新窗口来完成的,这种弹窗方式现在已经被很多浏览器所拦截。今天我们来用更加友好的方式来实现弹窗效果。完成的功能效果如图:如图,在浏览器的左上方是两个button按钮,按下之后分别弹出左下角的窗口和中间的窗口,右下角的窗口当页面加载完成之后自动慢慢显示,之后又徐徐的淡出。原创 2017-02-07 17:45:42 · 2693 阅读 · 0 评论 -
JavaScript高手之路:开山篇
盼望着,盼望着,春节的脚步近了,朋友圈弥漫着小伙伴们抢票回家的气息,乌鲁木齐刚下过一场大雪,嗯,春节是越来越近了,项目终于赶在2019年到来之前匆匆忙忙上线,而2018年立下的FLAG几乎没实现过,原本说好的出一系列Redis博客的,对不起我又失言了。2018年用jQuery EasyUI撸起袖子就干项目差不多一年,可以说是几乎翻遍了EasyUI的参考文档,70%+的组件的基本属性和事件都那么一...原创 2019-01-19 02:49:19 · 1152 阅读 · 3 评论 -
EasyUI之datagrid展示数据列表
写在最前:如果你用惯了Web Mvc框架的视图跳转方式来开发后台系统,第一次接触到EasyUI的时候,往往会有一个大大的疑问,这EasyUI是如何做跳转的啊?增删改查都不知道如何下手了!但是当你知道有RestFul编程的时候。你会恍然大悟:我靠,RestFul+EasyUI简直就是绝配呀!博主就是如此:在写完一个增删改查之后,才发现EasyUI越学越有意思,页面都是靠局部刷新来动态展示数据,这...原创 2018-05-04 01:39:48 · 44845 阅读 · 22 评论 -
EasyUI之树形菜单
EasyUI是用ul和li标签来完成树形结构的组合的,一个ul可视为父节点,li作为树形结构的子节点,而li标签里面嵌套的ul标签又可以作为父节点,不断的重复从而达到完成复杂树形结构的功能。<!DOCTYPE html><html><head><meta charset="UTF-8"><!-- 必须引用的css文件 -->...原创 2018-05-08 20:48:51 · 6120 阅读 · 2 评论 -
jQuery实战1:概述,环境准备及入门实例
jQuery是一套跨浏览器的JavaScript函数库,简化HTML与JavaScript之间的操作。由约翰·雷西格(John Resig)在2006年1月的BarCamp NYC上发布第一個版本。目前是由Dave Methvin领导的开发团队进行开发。全球前10,000个访问最高的网站中,有65%使用了jQuery,是目前最受欢迎的JavaScript函数库。原创 2017-01-19 11:42:53 · 1459 阅读 · 1 评论 -
jQuery实战5:级联下拉框效果
今天来完成jQuery实战的级联下拉框的效果。效果功能如下: 页面默认只提供汽车厂商,当选择了具体的某品牌汽车,汽车类型下拉框就会动态的显示出来,选择对应的类型,然后出来该汽车类型对应的轮胎类型下拉框显示出来,选中轮胎类型,页面的正中间会显示出汽车的图片。原创 2017-02-01 23:58:26 · 2028 阅读 · 0 评论 -
jQuery实战4:标签页效果
今天我们来完成《jQuery实战》系列的标签页效果。先来看一看效果图 这里有两部分的内容,上面是一个标签页的效果,下面也是一个标签页的效果。在实际应用中也经常会见到标签页的效果,它的作用主要是在页面可视区有限的情况下展示更多的内容。当用户想看其他内容的时候不需要离开页面,只需要把鼠标移动到某一个标签上就可以看到这个标签里面所对应的内容。原创 2017-01-30 20:35:06 · 1819 阅读 · 3 评论 -
jQuery实战3:菜单效果
菜单是web开发中常见的功能模块,它能够直观的展示给用户本站中有哪些功能。一般在页面中看到的菜单类型分为两种:横向菜单和纵向菜单。 今天分别来完成纵向菜单和横向菜单的功能。先来看看纵向菜单,首先导航栏有四个菜单项,分别是古典名著《红楼梦》、《水浒传》、《三国演义》、《西游记》,而每个菜单栏下面分别对应着自己的二级菜单。原创 2017-01-22 15:02:52 · 1961 阅读 · 0 评论 -
jQuery实战2:可编辑的表格
今天的任务是开发可编辑的表格的模块,效果大致如图: 上图是一张梁山好汉的排名坐次表,当鼠标点击表格人物姓名那一列时,既可进入编辑状态。可对好汉姓名进行修改,按回车键可进行保存,按ESC键可以恢复到先前状态。 首先将表格划分为thead和tbody部分,thead显示“可编辑的梁山好汉排名”一行。座次和姓名这两格可以放在tbody的th中。原创 2017-01-21 01:30:36 · 1204 阅读 · 1 评论 -
JavaScript高手之路:封装抽奖效果
通过前面6篇文章的介绍,我相信读者大概对JavaScript的对象有了初步了解。那么这篇文章我们继续对前面学习的知识进行总结和实战,用面向对象思维来封装抽象效果,本文要达到的效果如图所示。如图所示,蓝色方框内显示当前奖品,当我们单击开始按钮时,奖品开始滚动起来;当我们单击停止按钮时,奖品列表滚动停止。无论是现在我们要封装抽奖效果,还是后面要进行的插件开发,编程的步骤大概分为这几步。首先,编写...原创 2019-05-09 01:24:13 · 2436 阅读 · 4 评论