网站开发与移动开发

博客园 首页 新随笔 管理

随笔分类 -  网站建设

jquery 放大镜效果[带演示](
摘要：在图片右侧显示局部放大的图 演示地址:http://www.corange.cn/demo/3792/index.html <script type="text/javascript" src="jquery00.js" charset="utf-8"></script> <link href="jquery00.css" type="text/css" rel="stylesheet" /> <script type="t 阅读全文
posted @ 2011-10-27 20:20 txf2004 阅读(174) 评论(0) 推荐(0)

滚动图片，2种效果，一种有首尾，一种没有
摘要：演示地址:http://www.corange.cn/demo/3785/index.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/xhtml"> <head> <meta http-equiv="Conte 阅读全文
posted @ 2011-09-06 12:06 txf2004 阅读(132) 评论(0) 推荐(0)

Jquery+CSS打造的泡沫弹出框式的侧边蓝色导航菜单
摘要：演示地址:http://www.corange.cn/demo/3778/index.html截图效果代码请直接到演示位置查看源码 原文地址:http://www.corange.cn/archives/2011/06/3778.html 阅读全文
posted @ 2011-07-14 10:37 txf2004 阅读(207) 评论(0) 推荐(0)

Jquery二级菜单，鼠标经过显示二级分类,大类和小类都有链接
摘要：演示地址:http://www.corange.cn/demo/3763/index.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/xhtml"> <meta content="text/html; charset=ut 阅读全文
posted @ 2011-04-02 19:47 txf2004 阅读(256) 评论(0) 推荐(0)

Jquery tab 选项卡 无刷新切换[带演示]
摘要：演示地址:http://www.corange.cn/demo/3760/index.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/xhtml"> <head> <meta http-equiv="Conte 阅读全文
posted @ 2011-01-04 21:25 txf2004 阅读(173) 评论(0) 推荐(0)

jquery延迟加载图片
摘要：屏幕滚动到那个图片的上边缘，才会触发请求加载时间。这样就很好解决一些当第一屏，我们看不到的而且不用第一次加载的图片，就可以触发加载 节约一次下载的时间 演示地址:http://www.corange.cn/demo/3755/index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:// 阅读全文
posted @ 2010-12-24 12:04 txf2004 阅读(130) 评论(0) 推荐(0)

Lightbox相册，图片滚动和点击放大
摘要：演示地址:http://www.corange.cn/demo/3740/index.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/xhtml"> <head> <meta http-equiv="X-UA-C 阅读全文
posted @ 2010-12-12 13:32 txf2004 阅读(237) 评论(0) 推荐(0)

jQuery三级下拉菜单
摘要：演示地址:http://www.corange.cn/demo/3738/index.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/xhtml"> <head> <meta http-equiv="Conten 阅读全文
posted @ 2010-12-03 11:28 txf2004 阅读(277) 评论(0) 推荐(0)

AJAX jQuery tab,动态加载选显卡
摘要：AJAX jQuery tab,动态加载选显卡 <!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=&q 阅读全文
posted @ 2010-11-08 21:37 txf2004 阅读(182) 评论(0) 推荐(0)

checkbox 实时操作，勾选后变色[带演示]
摘要：演示地址:http://www.corange.cn/demo/3695/ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; ch 阅读全文
posted @ 2010-10-14 13:47 txf2004 阅读(298) 评论(0) 推荐(0)

Jquery实现图片左右滚动，没有头尾的，一直循环
摘要：Jquery实现图片左右滚动，没有头尾的，一直循环。这样子的例子我已经发了很多了，这边放两个链接 http://www.corange.cn/archives/2010/06/3654.html http://www.corange.cn/archives/2010/06/3649.html http://www.corange.cn/archives/2010/06/3650.html 等等，如果你多访问本站，会发现很多好东西，呵呵。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &qu 阅读全文
posted @ 2010-09-10 14:04 txf2004 阅读(270) 评论(0) 推荐(0)

JQuery title 插件
摘要：兼容ie6/7/8、firefox2/3、Opera、safari； 字体颜色和大小可以任意修改； JQ代码 $("#name").fmTitle({ style:"yellow", color:"#757168", size:"12px" }); <img src="images/dengpao.gif" align="absmiddle" id="name" content="填写你的姓名，最少要填2个汉字，最多只能填写8个汉字&quo 阅读全文
posted @ 2010-08-07 09:08 txf2004 阅读(124) 评论(0) 推荐(0)

纯css下拉菜单，支持CSS3圆角
摘要：<!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 profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Ty 阅读全文
posted @ 2010-07-20 18:03 txf2004 阅读(178) 评论(0) 推荐(0)

又一个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=" 阅读全文
posted @ 2010-07-15 09:35 txf2004 阅读(233) 评论(0) 推荐(0)

焦点图，带数字显示，支持常见浏览器
摘要：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>黑色风格的JS焦点图</TITLE> <META http-equiv=Content-Type content= 阅读全文
posted @ 2010-07-15 09:32 txf2004 阅读(211) 评论(0) 推荐(0)