很酷的放大镜放大文字的效果,超赞! 先展示一下效果图:大家先运行代码试一试-------------------------------------效果演示------------------------------------------- 具体代码如下 <html> <head> <title>JS文字球状放大效果</title> <meta http-equiv="imagetoolbar" content="no"> <style type="text/css">body {cursor:crosshair;margin:0; padding:0; position:absolute; overflow:hidden; background:#000; left:0; top...
这是一款基于jQuery实现地图map悬停显示省市代码,这样一个神奇的地图便于我们更好地了解中国,增加自己的地理知识。 下面是效果图是不是很棒。效果演示 源码下载 为大家分享的jQuery地图map悬停显示省市代码如下 <head> <meta charset="utf-8"> <title>jQuery地图map悬停显示省市代码</title> <script src="js/lib/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="js/lib/raphael-min.js"></script> <scrip...
为大家分享的JavaScript限制文本框的输入内容代码如下 <style type="text/css"> <!-- .STYLE1 {color: #0099FF;font-weight: bold;font-size: x-large; } --> </style> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p align="center" class="STYLE1">亲,试试效果吧!</p> <p align="center"><strong>请输入数字或字母</strong>:<input onkeyup="value=value.replace(/[\W]/g,) "onbeforepaste="clipboardDa...
这是一款基于jquery实现动感漂浮导航菜单的特效代码,菜单可以上下浮动,动感十足,为自己的网站增加了活力,是一款非常实用的导航菜单特效源码。运行效果图:点击下载源码 为大家分享的jquery动感漂浮导航菜单代码如下 <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>jQuery Floating Menu</title><script type="text/javascript" src="js/jquery-1.3.1.min.js"></script><script type="text/...
这是一款基于js+css实现上下翻页相册特效代码,相册可以从上下两个方向进行切换,是一款非常实用的幻灯片特效源码。 先为大家展示效果图:效果演示 源码下载 为大家分享的jQuery幻灯片带缩略图轮播代码如下 <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>js+css实现上下翻页相册</title><link rel="stylesheet" type="text/css" media="screen" href="css/reset.css" /><link rel="styleshe...
这是一款基于jquery实现select下拉框美化特效代码,用户可以选择下拉菜单内容,是一款非常实用的特效源码。 为大家分享的jquery实现select下拉框美化特效代码如下 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="css/g.css" type="text/css" rel="stylesheet" /> <link href="css/css.css" type="text/css" rel="stylesheet" /></head> <body> <div class="searchbox"><div class="s...
这是一款基于jquery实现的垂直导航菜单特效代码,总共有三级,实现效果简单大方,最后一级还可以进行图片展示说明,是一款非常实用的导航菜单特效源码。 效果演示 源码下载 为大家分享的jQuery垂直多级导航菜单代码如下<head> <title>jQuery垂直多级导航菜单代码</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="css/style.css"/> </head> <body> <u...
这是一款基于javascript实现可调整倒计时间的代码,我们可以手动调整倒计时间,可以精确到“天、时、分、秒”,而且样式布局也很新颖。 先上运行效果图:效果演示 源码下载 为大家分享的可调整倒计时间的JS代码如下(浏览器中如果不能正常运行,可以尝试切换浏览模式)。<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>可调整倒计时间的JS代码</title> <!--[if lte IE 6]> <script src...
这是一款基于jQuery蓝色风格滑动导航栏特效源码,实现滑块跟随鼠标左右滑动,和一般的导航相比很有动感,是一段超酷的导航栏滑动代码。 使用方法: 1、依次引入 nicenav.css、jQuery脚本库以及 jquery.nicenav.js 文件; 2、到页面中即可。 3、可以在代码中的 $.nicenav( )括号中设置滑块的滑动速度。 源码下载地址为大家分享的jQuery蓝色风格滑动导航栏代码如下 <head><style type="text/css">#bg { background-color: rgb(102, 1...
这是一款基于jQuery 的星级评分效果实例,鼠标滑过星星区域显示评论信息提交内容,适用在评论表单里面,是表单美化提交内容的一种用户体验设计。 为大家分享的jQuery满意度星级评价插件特效代码如下<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>满意度jQuery星级评分插件</title> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascrip...
这是一款基于jQuery实现的右侧选项卡焦点图片轮播动画特效源码,每个图片的内容信息可以根据自己的喜好进行隐藏与显示,是一段超酷的焦点图轮播代码。 为大家分享的jQuery左侧大图右侧小图焦点图幻灯切换代码如下 ---------------------源码下载 效果查看----------------------- <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery左侧大图右侧小图切换代码 </title><link rel="sty...
本文实例讲述了jQuery实现时尚漂亮的幻灯片特效,基本能满足你在网页上使用幻灯片(焦点图)效果。分享给大家供大家参考。具体如下: 幻灯片效果描述:用鼠标点击右下角数字按钮幻灯片进行左右切换进行切换。 运行效果截图如下:具体实现代码:<head><title>Jquery幻灯片焦点图插件</title> <script src="js/jquery-1.4a2.min.js" type="text/javascript"></script> <script src="js/jquery.-1.2.1.min.js" type="text/javascrip...
这篇文章主要介绍了jQuery实现幻灯片焦点图,可实现非常炫目时尚的幻灯片效果,非常具有实用价值,基本能满足你在网页上使用幻灯片(焦点图)效果,具体如下 幻灯片效果描述:用鼠标滑过右下角数字按钮幻灯片进行左右切换进行切换。 自定义切换参数效果:向下切换、切换时间为8秒、鼠标滑过按钮时切换 运行效果截图如下:具体代码如下<head><title>Jquery幻灯片焦点图插件</title> <script src="js/jquery-1.4a2.min.js" type="tex...
这篇文章主要介绍了jQuery实现幻灯片焦点图,可实现非常炫目时尚的幻灯片效果,非常具有实用价值,基本能满足你在网页上使用幻灯片(焦点图)效果,需要的朋友可以参考下幻灯片效果描述:与前两节不同的是,这款特效可以打开页面随机选择切换方式(方向) 运行效果截图如下:具体代码如下 <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Jquery幻灯片焦点图插件</title> <script src="js/...
为大家分享的JavaScript图片轮播代码如下 <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js点击文本框显示日期选择器</title> <link type="text/css" rel="stylesheet" href="calendar.css" > <script type="text/javascript" src="calendar.js" ></script> <script type="text/javascript" src="calendar-zh.js" ></script> <script type="text/javascript" src="calendar-setup.js"><...