Welcome 微信登录

首页 / 脚本样式 / JavaScript

jQuery实现信息提示框（带有圆角框与动画）效果

jQuery实现信息提示框（带有圆角框与动画）效果

2017年02月06日 12 阅读
本文实例讲述了jQuery实现信息提示框效果。分享给大家供大家参考。具体如下：一个jquery提示框特效，黑色风可，且提示框是圆角形状，点击页面中间的几个文字，提示框信息就会动态显示，CSS和JS部分代码比较多。先来看看运行效果如下：具体代码如下：<！DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&g...
jQuery实现高亮显示网页关键词的方法

jQuery实现高亮显示网页关键词的方法

2017年02月06日 13 阅读
本文实例讲述了jQuery实现高亮显示网页关键词的方法。分享给大家供大家参考。具体如下：这是一款基于jquery实现的高亮显示网页上搜索关键词的代码，当你在文本框中输入的时候，如果下面的正文中包括你输入的内容，也就是关键字，那么这些关键字是会高亮显示的，被动态添加成黄色，看上去很醒目，就像百度快照显示关键词的样子。运行效果如下图所示：具体代码如下：<！DOCTYPE html><head><meta http-equiv="C...
jQuery实现网页抖动的菜单抖动效果

jQuery实现网页抖动的菜单抖动效果

2017年02月06日 12 阅读
本文实例讲述了jQuery实现网页抖动的菜单抖动效果。分享给大家供大家参考。具体如下：这里的jQuery抖动导航菜单效果，兼容IE7/8/9及其它主流浏览器，使用方法：先引入jQuery脚本库和jquery.shake.js文件，然后在需要的元素上调用shake（ ）方法，例如想使整个页面抖动，则这么写：$（"body"）.shake（ ），调用上述方法后，将鼠标移至指定的元素，该元素就会抖动。运行效果截图如下：具体代码如下：<！DOCTYPE ht...
jQuery基于ajax实现星星评论代码

jQuery基于ajax实现星星评论代码

2017年02月06日 12 阅读
本文实例讲述了jQuery基于ajax实现星星评论代码。分享给大家供大家参考。具体如下：这里使用jquery模仿点评网的星星评论功能，Ajax评论模块，鼠标点击星星即可评价，下边是分数，可以点击后给分，网上很流行的效果，本代码相对完整，相信很多朋友会喜欢的。先来看看运行效果截图：具体代码如下：<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3c.or...
jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法

jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法

2017年02月06日 12 阅读
本文实例讲述了jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法。分享给大家供大家参考。具体如下：左右拖拽切换对比图片效果，运行效果后，图片中间有个拖动条，拖动左右滑动，可看到图片不一样的效果，女模特的脸变嫩了，呵呵，其实是用了两张背景图片实现的，这就需要jquery.beforeafter.js插件了，拖动时候的小图标不见了，路径可以在jquery.beforeafter.js中设置，不多说了。运行效果截图如下：在...
jQuery实现时尚漂亮的弹出式对话框实例

jQuery实现时尚漂亮的弹出式对话框实例

2017年02月06日 13 阅读
本文实例讲述了jQuery实现时尚漂亮的弹出式对话框。分享给大家供大家参考。具体如下：这是一款十分简洁漂亮的HTML5弹出对话框效果，基于jQuery来实现，引入了jquery1.6.2库。本效果描述：用鼠标点击一下右上角的小图标，会弹出一个层对话框，里面可以提交留言、评论之类的。运行效果截图如下：具体代码如下：<！DOCTYPE html><head><meta http-equiv="Content-Type" conte...
jQuery实现的Div窗口震动效果实例

jQuery实现的Div窗口震动效果实例

2017年02月06日 13 阅读
本文实例讲述了jQuery实现的Div窗口震动效果。分享给大家供大家参考。具体如下：这是一款jQuery窗口震动效果代码，在Div边框内点击一下鼠标，它就开始震动了，适用浏览器：IE8、360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗等。运行效果截图如下：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xht...
jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法

jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法

2017年02月06日 12 阅读
本文实例讲述了jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法。分享给大家供大家参考。具体如下：本效果可实现左上角Logo的置顶但不滚动，而文字也就是网页主体区滚动，当用户拖动滚动条的时候可看到此效果，例子挺简单。先看一下运行效果截图：具体代码如下：<！DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-...
jQuery实现下拉框选择图片功能实例

jQuery实现下拉框选择图片功能实例

2017年02月06日 12 阅读
本文实例讲述了jQuery实现下拉框选择图片功能。分享给大家供大家参考。具体如下：让下拉框中显示图片，并可选择对应图片，让select下拉框不仅可显示文字，还可以显示图片内容。为了更生动些，这里还加入了jQuery动画效果，当展开Select列表的时候，图片渐变显示。使用了一个jQ插件：imageselect.js，使用效果的朋友可以自己下载吧。运行效果截图如下：具体代码如下：<！DOCTYPE html><head><tit...
javascript中对变量类型的判断方法

javascript中对变量类型的判断方法

2017年02月06日 12 阅读
在JavaScript中，有5种基本数据类型和1种复杂数据类型，基本数据类型有：Undefined, Null, Boolean, Number和String；复杂数据类型是Object，Object中还细分了很多具体的类型，比如：Array, Function, Date等等。今天我们就来探讨一下，使用什么方法判断一个出一个变量的类型。在讲解各种方法之前，我们首先定义出几个测试变量，看看后面的方法究竟能把变量的类型解析成什么样子，以下几个变量差不多包含了...
jquery中的工具使用方法$.isFunction, $.isArray（）, $.isWindow（）

jquery中的工具使用方法$.isFunction, $.isArray（）, $.isWindow（）

2017年02月06日 12 阅读
在javascript中对变量类型的判断中，我们讲解了了jquery中$.type（）实现的原理。当然，jquery除了提供$.type的工具方法外，还提供了几个其他的工具方法：$.isFunction（）, $.isArray（）, $.isWindow（）, $.isNumeric（）等。这几个方法从方法名上就能看出其用途来，下面我们来一一讲解这几个方法在jQuery（2.1.2）中实现的内部细节。1. $.isFunction（）$.isFuncti...
jQuery+css3实现Ajax点击后动态删除功能的方法

jQuery+css3实现Ajax点击后动态删除功能的方法

2017年02月06日 13 阅读
本文实例讲述了jQuery+css3实现Ajax点击后动态删除功能的方法。分享给大家供大家参考。具体如下：这里使用jquery实现ajax动态删除一个方框，并带有动画缓冲效果，在google plus网站发现的特效，在此献丑模仿了一番，已基本与Google Plusp功能相同，你可在方框中加入一些内容，jquery插件选的版本是1.6.2,更高版本也是可以的。运行效果截图如下：具体代码如下：<！DOCTYPE html><head>...
<< 1151 1152 1153 1154 1155 1156 1157 1158 1159 1160 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图