jQuery实战6:优雅的弹窗效果

弹窗是网页中经常看到的效果,以前的弹窗是用window.open()等方式在浏览器窗口新建另一个新窗口来完成的,这种弹窗方式现在已经被很多浏览器所拦截。今天我们来用更加友好的方式来实现弹窗效果。完成的功能效果如图:如图,在浏览器的左上方是两个button按钮,按下之后分别弹出左下角的窗口和中间的窗口,右下角的窗口当页面加载完成之后自动慢慢显示,之后又徐徐的淡出。...
阅读(1146) 评论(0)

jQuery实战5:级联下拉框效果

今天来完成jQuery实战的级联下拉框的效果。效果功能如下: 页面默认只提供汽车厂商,当选择了具体的某品牌汽车,汽车类型下拉框就会动态的显示出来,选择对应的类型,然后出来该汽车类型对应的轮胎类型下拉框显示出来,选中轮胎类型,页面的正中间会显示出汽车的图片。...
阅读(855) 评论(0)

jQuery实战4:标签页效果

今天我们来完成《jQuery实战》系列的标签页效果。先来看一看效果图 这里有两部分的内容,上面是一个标签页的效果,下面也是一个标签页的效果。在实际应用中也经常会见到标签页的效果,它的作用主要是在页面可视区有限的情况下展示更多的内容。当用户想看其他内容的时候不需要离开页面,只需要把鼠标移动到某一个标签上就可以看到这个标签里面所对应的内容。...
阅读(1207) 评论(2)

jQuery实战3:菜单效果

菜单是web开发中常见的功能模块,它能够直观的展示给用户本站中有哪些功能。一般在页面中看到的菜单类型分为两种:横向菜单和纵向菜单。 今天分别来完成纵向菜单和横向菜单的功能。先来看看纵向菜单,首先导航栏有四个菜单项,分别是古典名著《红楼梦》、《水浒传》、《三国演义》、《西游记》,而每个菜单栏下面分别对应着自己的二级菜单。...
阅读(1044) 评论(0)

jQuery实战2:可编辑的表格

今天的任务是开发可编辑的表格的模块,效果大致如图: 上图是一张梁山好汉的排名坐次表,当鼠标点击表格人物姓名那一列时,既可进入编辑状态。可对好汉姓名进行修改,按回车键可进行保存,按ESC键可以恢复到先前状态。 首先将表格划分为thead和tbody部分,thead显示“可编辑的梁山好汉排名”一行。座次和姓名这两格可以放在tbody的th中。...
阅读(610) 评论(0)

jQuery实战1:概述,环境准备及入门实例

jQuery是一套跨浏览器的JavaScript函数库,简化HTML与JavaScript之间的操作。由约翰·雷西格(John Resig)在2006年1月的BarCamp NYC上发布第一個版本。目前是由Dave Methvin领导的开发团队进行开发。全球前10,000个访问最高的网站中,有65%使用了jQuery,是目前最受欢迎的JavaScript函数库。...
阅读(672) 评论(0)
    个人资料
    • 访问:155123次
    • 积分:2381
    • 等级:
    • 排名:第16382名
    • 原创:71篇
    • 转载:1篇
    • 译文:1篇
    • 评论:117条
    博客专栏
    GitHub