jquery - 随笔分类(第6页) - 计划

使用jQuery UI修饰title属性的气泡悬浮框

摘要：使用jQuery UI的tooltip()函数，可以使悬浮提示框不再那么千篇一律。点击这里先看看效果吧：http://www.keleyi.com/keleyi/phtml/tooltip/以下是完整代码：保存到html文件打开也可以看效果。<!doctype html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>使用jQuery UI修饰title属性的气泡悬浮框阅读全文

posted @ 2013-05-13 20:35 计划阅读(2820) 评论(0) 推荐(0) 编辑

jquery清空textarea等输入框

摘要：完整示例：http://keleyi.com/keleyi/phtml/clearinput.htm下面是源代码：点击按钮后，这些文字将被清空。http:www.keleyi.com 柯乐义本文转载自柯乐义http://keleyi.com/a/bjac/bf0eb8c02085b10d.htm 阅读全文

posted @ 2013-04-19 22:26 计划阅读(2285) 评论(0) 推荐(0) 编辑

柯乐义关灯效果

摘要：本示例使用Jquery实现视频播放页面的关灯开灯效果。其中视频显示使用embed 元素，该元素是html5的元素，所以使用支持html5的浏览器效果会更好。效果预览网址：http://www.keleyi.com/keleyi/phtml/guandeng/完整代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=&quo 阅读全文

posted @ 2013-04-07 22:28 计划阅读(1203) 评论(0) 推荐(1) 编辑

jquery根据滚动像素显示隐藏顶部导航条

摘要：本文使用jquery的scrollTop方法监视页面垂直滚动像素，并根据像素隐藏或者显示顶部的导航条。效果预览网址：http://www.keleyi.com/keleyi/phtml/scrolloversee.htmscrollTop的介绍：语法$(selector).scrollTop(offset)参数 offset 描述可选。规定相对滚动条顶部的偏移，以像素计。定义和用法scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。scroll top offset 指的是滚动条相对于其顶部的偏移。如果该方法未设置参数，则返回以像素计的相对滚动条顶部的偏移。提示和注释注释：该方法阅读全文

posted @ 2013-03-26 20:21 计划阅读(1243) 评论(0) 推荐(0) 编辑

可改变大小DIV层

摘要：本文使用Jquery UI实现了可改变大小的层，效果预览网址：http://www.keleyi.com/keleyi/phtml/resizable.htm以下是完整代码，保存到html文件，打开也可以预览效果：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/x 阅读全文

posted @ 2013-03-22 22:35 计划阅读(1122) 评论(0) 推荐(0) 编辑

jquery实现的可隐藏重现的靠边悬浮层

摘要：本实例使用jquery操作div的CSS，实现了可隐藏重现的靠边悬浮层，预览效果网址：http://www.keleyi.com/keleyi/phtml/xuanfudiv/本实例使用到jquery添加移除类的两个方法，详细介绍请参考网址：http://www.keleyi.com/a/bjac/e9e40a974de5a902.htm下面给出完整代码，保存到html文件可查看效果。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht 阅读全文

posted @ 2013-03-17 22:22 计划阅读(2840) 评论(0) 推荐(0) 编辑

jquery使用ColorBox弹出图片组浏览层

摘要：本示例使用Jquery的ColorBox插件弹出图片组浏览层。效果预览网址：http://keleyi.com/keleyi/phtml/colorbox/以下是本效果的完整代码，将以下代码保存到html文件，打开即可预览效果。使用ColorBox弹出图片组浏览层请点击下面链接，即可在弹出层显示图片组。图片一图片二图片三图片四本文转载自柯乐义http://keleyi.com/a/bjac/141932b419e08101.htm 阅读全文

posted @ 2013-03-14 00:04 计划阅读(2118) 评论(2) 推荐(0) 编辑

随笔分类 - jquery