XP下 FF/遨游3/IE8/IE6(IETester)中的效果 使用方法: 1.先引用jquery,然后引用jquery.textshadow.js(点击下载) 2.给元素加个"text-shadow:x偏移 y偏移 模糊半径 阴影颜色;"的样式(必须,因为插件里面会去找这个样式) 3.给元素应用jquery插件. 4.OK. 代码如下: $(document).ready(function(){ $('#test').textShadow(); }); 测试1下带Shadow的文字. JavaScript教程/参考手册 JavaScript热搜 Vue利用c...
代码如下: 一、数据准备 文章标题文章分类发布时间操作 测试测试测试测试 测试测试测试测试 测试测试测试测试 文章标题文章分类发布时间操作 测试测试测试测试 测试测试测试测试 测试测试测试测试 文章标题文章分类发布时间操作 测试测试测试测试 测试测试测试测试 测试测试测试测试 文章标题文章分类发布时间操作 测试测试测试测试 测试测试测试测试 测试测试测试测试 测试3测试测试测试 二、操作 //1.鼠标移动行...
实例如下： 代码如下: body{ margin:0; padding:40px; background:#fff; font:80% Arial, Helvetica, sans-serif; color:#555; line-height:180%; } img{border:none;} ul,li{ margin:0; padding:0; } li{ list-style:none; float:left; display:inline; margin-right:10px; border:1px solid #AAAAAA; } /* tooltip */ #tooltip{ position:absolute; border:1px solid #ccc; background:#333; padding:2px; display:none; color...
代码如下:jQuery 表格自动增加table { width:800px; margin:50px auto; border-collapse:collapse; border-spacing:0; }table tr, table th, table td { border:1px solid #ddd; font-size:12px; }table tr td:first-child { width:30px; text-align:center; }table td input { width:100%; height:100%; padding:5px 0; border:0 none; }table td input:focus { box-shadow:1px 1px 3px #ddd inset; outline:none; } 序号姓名金...
jquery导航是一个网站必不可少的模块，当一个用户在一个网站上浏览的时候，为了某个目的而查看网站导航栏的时候，突出导航栏的效果是重中之重。因此必须要使用一个效果：jquery遮罩层。利用明暗效果来突出当前用户的操作。 代码如下:$(function() {var $oe_menu= $(#oe_menu);var $oe_menu_items= $oe_menu.children(li);var $oe_overlay= $(#oe_overlay); $oe_menu_items.bind(mouseenter,function(){var $this = ...
代码如下:var t9 = new PopupLayer({trigger:"#ele9",popupBlk:"#blk9",closeBtn:"#close9",useOverlay:true,useFx:true,offsets:{x:0,y:-41}});t9.doEffects = function(way){ if(way == "open"){ this.popupLayer.css({opacity:0.3}).show(400,function(){ this.popupLayer.animate({ left:($(document).width() - this.popupLayer.width())/2, top:(document.documentEleme...
代码如下:function position(elem,l,t){ var isIE6 = !-[1,] && !window.XMLHttpRequest; if(isIE6){ var style = elem.style, dom = '(document.documentElement)', left = l - document.documentElement.scrollLeft, top = t - document.documentElement.scrollTop; style.position = 'absolute'; style.removeExpression('left'); style.removeExpression('top'); ...
预览表单,查看后确认提交或者返回重填XML/HTML Code代码如下: JavaScript Code代码如下: $(document).ready(function() { $('#myform').previewForm(); }); previewForm.js代码如下:(function($){ $.fn.previewForm = function(options){ var form_settings = $.extend({ identifier : 'label', show_password : true, extratext : 'Do You Want To submit', yes : 'yes', no : '...
html部分代码如下: js部分代码如下: $(document).ready(function(){ setInterval(function(){ $(".time_wrap").each(function(){ var Obj = this; var EndTime = new Date(parseInt($(Obj).attr('value')) * 1000); var NowTime = new Date(); var nMS=EndTime.getTime() - NowTime.getTime(); var nD=Math.fl...
代码一：{ wait:90,hsTime:function(that){if (this.wait == 0) { $('#hsbtn').removeAttr("disabled").val('重发短信验证码'); this.wait = 90; } else { var _this = this;$(that).attr("disabled", true).val('在'+_this.wait+'秒后点此重发');_this.wait--; setTimeout(function() { _this.hsTime(that); }, 1000) } }, }代码二:/*-------------------------------------------*/var InterValObj; //timer变量，控制时间 var...
代码一：代码如下: 提示1. 提示2. 自带提示1. 自带提示2. 代码如下: $(function(){$(".tooltip").mouseenter(function(e){this.mytitle=this.titlethis.title=""var a=""+this.mytitle+""$("body").append(a);$("div").css({"top": (e.pageY + y) + "px","left": (e.pageX + x) + "px"}).show("fast")}).mouseout(function(){this.title= this.mytitle;$("div").remove();});}) 学习心得： 不要在p标签下追加div元素，会出现一个大...
前面有一篇原生js实现星级评分 。可能覆盖面不是很广，现在给出一个jquery实现的星级评分。代码如下:jQuery星级评论打分 1 2 3 4 5 代码如下:*{margin:0;padding:0;font-size:13px;} ul,li{list-style:none;} .star {position:relative;width:600px;height:24px; margin:20px auto 0;} .star span {float:left;height:19px;line-height:19px;} .star ul{margin:0 10px;} .star li{float:left;width:24px;heigh...
本文我们将为jQuery用户分享8个超实用的技巧攻略。jQuery是JavaScript最好的库之一，主要用于制作动画、事件处理，支持Ajax及HTML 脚本客户端。此外，jQuery还拥有各种插件，以帮助开发者在最短时间内快速创建网站/网页。 文中分享的这些实用代码，希望你会喜欢。 1）禁用右键单击功能 如果你想为用户节省网站信息，那么开发者可以使用这段代码——禁用右键单击功能。代码如下: $(document).ready(function() {//catch the right-...
功能很实用代码也很简单，就不多废话了，直接奉上：$.ajax({url:"mobileSurveyAction_addSurvey.action",//提交地址data:$("#form1").serialize(),//将表单数据序列化type:"POST",dataType:"json",success:function(result){if (result.success == '100'){$("#mySection").hide();$(".footer").hide();$("#alertMsg").show();}else{alert("失败！");}}});以上所述就是本文的全部内容了，希望能够对大家熟练掌握异步提交表单有所帮助...
网页端 裁剪图片，不需要经过服务器。 这个是用 https://github.com/mailru/FileAPI 框架实现的。配合jcrop. 高级浏览器 使用 canvas 裁剪，ie6 7 8使用 flash过度。 核心代码：var el = $('input').get(0);seajs.use(['gallery/jcrop/0.9.12/jcrop.css','gallery/jcrop/0.9.12/jcrop.js'] ,function(){FileAPI.event.on(el, 'change', function (evt){var files = FileAPI.getFiles(evt); // Retrieve file listFileAPI.filterFil...