标签归档：jQuery
JQUERY搜索框提示效果
搜索框提示效果，输入框获取焦点，则原提示关键字消失，失去焦点，还原原关键字，当然是在没有输入用户关键字的前提下！
JQUERY 层-隐藏-显示 效果
JQUERY 层-隐藏-显示 效果 可以应用与文章列表摘要模式-列表模式切换： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-EN"> <head> <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Simple JQuery Collapsing menu</title> </head> <body> <script type="text/javascript"> $(function() { … 继续阅读
Jquery 获取元素数量 length
这个示例会输出 id=”nav” UL 下的 li 元素的数量(length) <!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/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script> </head> <body> list 1: <ul id="nav"> <li>ssss</li> <li>aaaaa</li> <li>ddddd</li> <li>eeeee</li> </ul> list2: <ul id="nav2"> … 继续阅读
JQuery 新闻头条淡入淡出效果
新闻头条淡入淡出效果 <!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/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> <style> a { color:#CCCCCC} li { list-style:none;} span { padding-right:20px; color:#FFFFFF; font-weight:bold;} </style> </head> <body> <div id="ticker" style="padding:10px; background:#333333"> <!– START TICKER VER … 继续阅读
jQuery插件Step Carousel Viewer实现Javascript图片滑动旋转效果
需要将产品图片或相片等实现Javascript图片滑动旋转Animation效果，能自动播放图片或鼠标控制播放图片，图片固定的滑动在指定的区域内，类似动画播放，使用jQuery插件Step Carousel Viewer可实现该功能，而且使用简单，Step Carousel Viewer中文大概是按步旋转阅读，意思是说每张图片一张一张旋转阅读，效果： <script type="text/javascript"> // For instructions how how to modify go to this URL // http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm stepcarousel.setup({ galleryid: ‘mygallery’, //id of carousel DIV beltclass: ‘belt’, //class of inner "belt" DIV containing all the panel DIVs panelclass: … 继续阅读
ThickBox – 网页图片弹出展示程序
ThickBox 3.1 Thickbox 是一个基于 jQuery 类库的 网页 UI 对话框 拓展工具，它用户显示单个图片，图片组，AJAX 请求内容或链接内容。 示例：http://jquery.com/demo/thickbox/#examples （复制到你的浏览器） 所有资源均可以在这儿下载 http://jquery.com/demo/thickbox/ 概述 thickbox 基于超轻量级 JQUERY 类库，JQUERY 压缩后为20K，解压后58K。 THICKBOX JavaScript 程序 和 CSS 代码只有15K（如果使用 compressed.js 只有10K），CSS 文件可以根据需求自行修改。 thickbox 可以自动调整尺寸大于浏览器窗口的图片。 thickbox 功能多样，可以用于 图片， iframe框架，内嵌的内容，AJAX 请求。 ThickBox will hide … 继续阅读