仿百度首页JS滑动伸缩展开的添加服务效果 这是一款仿百度首页jQuery滑动伸缩展开的添加服务效果,其实是一款伸缩菜单,只不过这个菜单有点特别,只从一头向另一头伸展出去,菜单的伸缩效果平滑,设计精美。 具体代码如下: [xml] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtm......继续阅读
适时改变网页字体大小,jQuery版 啥都不说了。。看代码! [xml] <div class="msg"> <div class="msg_caption"> <button type="button" class="bigger">放大</button> <button type="but......继续阅读
单行、多行的文字平滑滚动 演示网站:http://www.veryhuo.com/a/demo/2010/liehuo_jq_wzgd.html 代码如下: [xml] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit......继续阅读
分享:一段选中文字分享到微博的代码 [code] <STYLE> .img_sina_share { DISPLAY: none; CURSOR: pointer; POSITION: absolute } .img_qq_share { DISPLAY: none; CURSOR: pointer; POSITION: absolute } </STYLE> <IMG class=img_sina_s......继续阅读
jQuery图像无缝滚动插件jquery.imgscroll.js 首先引入jQuery库; 其次copy插件代码jquery.imgscroll.min: [js] /* Copyright (c) 2014 xcsoft.cn(http://www.xcsoft.cn) * Author:Xiucheng Yang * Version: 2.6.0 * MyQQ:549642084 * LastUpdateTime:2014-11-08 * Used Url:......继续阅读
jQuery 页面载入进度条 页面 Loading 条基本人人都会用。它的原理很简单:在页头放置一个文字或者图片的 loading 状态,然后页尾载入一段 JS 隐藏掉,即根据浏览器的载入顺序来实现的简易 Loading 状态条。 上图展示了传统 Wordpress 模板在浏览器中的载入顺序,Loading 条的出现和消失分布于头尾。 如果我们在页面的不同位置放置多个 JS ,每个 JS 用于逐步增加 Loading 条的宽度......继续阅读
jQuery循环滚动展示代码 先看演示。 使用之前,先确定是否已经插入 jQuery库; 然后JS 代码: [js] $(document).ready(function(){ $("#sItem li:not(:first)").css("display","none"); var B=$("#sItem li:last"); var C=$(&......继续阅读
JQ简易的二级菜单 [code]<!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/xh......继续阅读
jQuery实现 “老汉推车”走马灯效果 1. html 代码结构 [xml] <div id="notice_wrap"> <div id="notice"> <ul> <li>这里展示的是:“老汉推车”走马灯效果</li> <li>名字不错吧</li> <li>最新“噗~”:“拉灯”死了,我再也不相信......继续阅读
WordPress菜单jQuery实现LavaLamp 滑动效果 滑动门里 LavaLamp 可以算应用广泛使用也比较容易的jQuery插件了。 昨晚 @万戈 童鞋写了篇滑动,jQuery部分看了尝试精简了下,还真成了:DEMO 折腾完之后受此启发,有了码一个 LavaLamp 效果的基本思路,刚又整理完善了下基本搞定完成。 html结构部分,WordPress自定义导航生成,已去除无关代码 [xml] <ul id="menu-menu&quo......继续阅读