本文实例讲述了jQuery实现可兼容IE6的淡入淡出效果告警提示功能。分享给大家供大家参考，具体如下： 其实我觉得告警提示的话，直接用一个Alert就最好的。开门见山，直接让用户明白你当前系统的意思，关键是Alert这东西就是再破的浏览器都必须兼容，不然你它丫的做毛浏览器啊？但是，在现在越来越觉得Alert不美观，而且开始有“弹窗挺吓人”的思潮，因此，告警提示你必须做得好看一点。在Javascript的透明度的操控比较艰难的前提下，...
本文实例讲述了jQuery实现简单日期格式化功能。分享给大家供大家参考，具体如下： 代码如下，引入jquery后直接后加入以下代码刷新可测试 Date.prototype.Format = function (fmt) { //author: meizzvar o = {"M+": this.getMonth() + 1, //月份"d+": this.getDate(), //日"h+": this.getHours(), //小时"m+": this.getMinutes(), //分"s+": this.getSeconds(), //秒"q+": Math.floor((this.getMonth() + 3) / 3), //季度"S": this....
本文实例讲述了jQuery实现可兼容IE6的遮罩功能。分享给大家供大家参考，具体如下： 最精简，最强大的 jQuery 遮罩层效果。 当浏览器改变大小时，遮罩层的大小会相应地改变。 遮罩层上方的对话框可随 scroll 的改变而改变，即对话框在浏览器居中显示。 HTML 代码 <div id="main"><a onclick="showBg();" href="#" rel="external nofollow" rel="external nofollow" >点击这里看 jQuery 遮罩层效果.</a></div> <div id="fullbg"></di...
本文转载自 jquery 做一个小的倒计时效果在实际运用中，经常会使用到倒计时的效果。以下代码利用jQuery实现了一个倒计时计时器。<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jquery倒计时实现</title> <style type="text/css"> .shop_list ul li{ display: inline-block; list-style: none; width: 300px; } </style> </head> <body> <div class="shop_list" id="shop_list"> <ul> <li> <img src="img/index/zi...
本文实例讲述了jQuery实现的表格前端排序功能。分享给大家供大家参考，具体如下： 表格前端按列排序 依赖jQuery(本例使用jQuery-1.8.2) 1.初始化方法 (function($){//插件$.extend($,{//命名空间sortTable:{sort:function(tableId,Idx){var table = document.getElementById(tableId);var tbody = table.tBodies[0];var tr = tbody.rows;var trValue = new Array();for (var i=0; i<tr.length; i++ ) {trValue[i] = tr[i]; //将表格...
本文实例讲述了jQuery实现对网页节点的增删改查功能。分享给大家供大家参考，具体如下： 前面介绍过《JavaScript针对网页节点的增删改查用法》，其实JavaScript对DOM的操作已经总结了很久的，而对于jQuery对网页节点的操作，虽然一直在用，但一直没有好好总结一下，实在是不应该。 下面举同样的例子来说明这个问题：如上图，提供3个按钮，1个下拉列表，1个输入框，提供增删改查的操作。 网页中最多10个节点，最少0个节点，多了不让...
效果图如下所示：<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title></title><style>select {width: 200px;background-color: teal;height: 200px;font-size: 20px;}.btn-box {width: 30px;display: inline-block;vertical-align: top;}</style> </head> <body> <h1>城市选择：</h1> <select id="src-city" name="src-city" multiple><option value="1">成都</option><option value="2">泸州</option><option ...
本文实例讲述了jQuery实现注册会员时密码强度提示信息功能。分享给大家供大家参考，具体如下： 1.效果如图所示：2.html代码： <p><span>设置密码：</span><input type="password" id="external_regist_password1" name="password1" value="" /><b>*</b> <span id="password1_bg" class="bg_rt" style="display:none"></span> </p> <p class="mima_qd" id="password1_strength" style="display:none"><span class="mm_strength"><em...
废话不多说了，直接给大家贴代码了，具体代码如下所述： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>fruit</title> <style type="text/css"> .hide {display: none; } div {float: left;width: 100%; } .selector-containter {margin-bottom: 10px; } .selector {width: 200px;background: #FFF;border: 1px solid #DDD; } .selector-hint {width: 178px;border: 1px solid #DDD; } .selector-expand {width: 8...
本文实例讲述了jQuery实现简单的计时器功能。分享给大家供大家参考，具体如下： 在写项目的过程中遇到要前端60秒发送验证码的业务需求，于是用到计时器的功能： setInterval(function xxx(){//业务逻辑 },隔多少时间执行一次)60秒计时思路： 1、设置秒数：60s 2、设置内容：实时改变，秒数+内容 3、结束后：去掉按钮的disable，内容恢复原来样子 //计时器60秒 function timeInterval(){$("#code_send_btn").html("60秒后重新获取邮...
本文实例讲述了jQuery实现base64前台加密解密功能。分享给大家供大家参考，具体如下： 关于加密，很多人想到encodeURI和escape。这个对加密url，尤其是带中文参数的url很有用。 如果只是想做加密解密，类似于Java的DES，网上jQuery有个jquery.base64.js。 （关于js的md5加密可以用jquery.md5.js，有兴趣可以找来测试一下）。 下面是测试： <html> <head><title></title><meta http-equiv="Content-Type" content="text/html; chars...
本文实例为大家分享了jQuery上传图片显示预览的具体代码，供大家参考，具体内容如下 <!DOCTYPE html> <html> <head><title>HTML5上传图片预览</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script src="http://img9.tongzhuo100.com/js/jquery-1.7.2.min.js"></script><style>.hide{display:none;}</style> </head> <body> <h3>请选择图片文件：JPG/GIF</h3> <form name="form0" id="form0" ><inp...
HTML部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>炸弹倒计时</title> <style type="text/css"> .content { width: 200px; margin:0 auto; } .content .img1 { /*添加炸弹动画 第一值是动画名称 第二个值是动画的时间 第三个值时循环的次数，infinite为循环次数表示无限循环，用数值时则是循环次数*/ animation: bounce 1s infinite; } .content .img2 { animation: magnify 1s 1; } .btn { f...
本文给大家分享一段基于jQuery的全选、反选和不选功能的代码，适用于网页多选后需要进行批量操作的场景（如批量删除等）。文章结合实例，代码简洁，基本覆盖选项选择操作的方方面面，希望可以帮到有需要的WEB爱好者。 HTML 我们的页面上有一个歌曲列表，列出多行歌曲名称，并匹配复选框供用户选择，并且在列表下方有一排操作按钮。 <ul id="list"> <li><label><input type="checkbox" value="1"> 1.时间都去哪儿了</label></li><li...
本文实例为大家分享了jQuery实现购物车结算功能展示的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="js/jquery-1.8.3.js" ></script><script>/*删除*/$(function(){$(".blue").bind("click",function(){$(this).parent().parent().remove();totalPrice();});/*当鼠标离开文本框时，获取当前值，调用totalPrice()函数进行结算*/$(".sh...