Welcome 微信登录

首页 / 脚本样式 / JavaScript

实现超用户体验 table排序javascript实现代码

实现超用户体验 table排序javascript实现代码

以前我在网上总会看类似这种的JS效果: 点击编辑时: (不好意思哈,图在文章最后面) 这种列表与编辑都在同一页的效果,确实很好,能够给用户带来意想不到的美好体验。可是它是怎么实现的呢? 其实实现这种效果有很多方法,当然如果你的JS不好,可以用JQuery的组件,但是我想要是自己能写出来总是好的。因此我抽了点时间来实现它。当我实现后,发现要实现这种效果是很简单的,几行JS代码就搞定了,关键就是一个思路问题,下面我会具体的写是怎么实现的。 总体思路:给<...
利用WebBrowser彻底解决Web打印问题(包括后台打印)

利用WebBrowser彻底解决Web打印问题(包括后台打印)

抱着“取之于众 服务于众”的思想,我总结了一下,把它拿到网上来与大家分享,希望能帮助遇到类似问题的朋友。 我主要使用了IE内置的WebBrowser控件,无需用户下载和安装。WebBrowser有很多功能,除打印外的其他功能就不再赘述了,你所能用到的打印功能也几乎全部可以靠它完成,下面的问题就是如何使用它了。先说显示后打印,后面说后台打印。 1.首先引入一个WebBrowser在需要打印的页面,可以直接添加: <object id="WebBrows...
可以拖动的div 实现代码第1/2页

可以拖动的div 实现代码第1/2页

要实现div的任意拖动,我们不妨分析一下整个过程。 当鼠标点击div时,触发一个事件,让div的位置属性(left,top)随着鼠标位置变化而变化,当鼠标释放后,div的位置属性就用了鼠标释放时的位置。 鼠标点击时触发事件是很容易做到的,只要在div的标签里加上onmouseclick就可以了,现在我们要解决的问题是如何让div的位置随着鼠标的位置变化而变化。 虽然这可能是一个很简单的推理过程,不过还是罗嗦点说清楚吧。div的left和top是div左上角...
利用JQuery为搜索栏增加tag提示

利用JQuery为搜索栏增加tag提示

很简单的一个功能,就是当用户在搜索栏输入搜索字符时候,利用JQuery的功能把一些预设好的关键字浮现出来,除了让用户意外一下,还有就是让用户简化输入。比如象下图的样子: 实现的方法很简单,首先是要在你的网站上加载JQuery,然后再加载下面的JS文件,下载之复制代码 代码如下:(function($){var globalTags=[];window.setGlobalTags=function(tags){globalTags=getTags(tags)...
WordPress JQuery处理沙发头像

WordPress JQuery处理沙发头像

我想这对沙发同学不太公平吧。昨天在看yinheli同学的《鼠标悬浮实现显示留言内容》一文(建议看看,好文章),就想到我何不把沙发的头像copy出来然后放在显眼的位置上呢,如下截图效果。做法首先是你的网站加载了JQuery,然后在你需要放置沙发头像的地方添加一个<div>,内容为空即可: 复制代码 代码如下:<div id="shafa"></div> 然后要做的就是利用js复制沙发的头像,并把复制的内容填入上面设定的&l...
WordPress 照片lightbox效果的运用几点

WordPress 照片lightbox效果的运用几点

如果你的网站上已经使用了lightbox这类效果,或者下面的几点运用经验你也会觉合适(前提是使用JQuery实现)。 1. 指定哪些条件下运用Lightbox效果 在网站的js文件中添加如下语句: 复制代码 代码如下:$(function() { $("a[@rel*=lightbox]").lightBox(); $(".gallery a").lightBox(); }); 这样就决定只有在链接中添加“rel=lightbox”后,该链接才会出现lig...
js form 验证函数 当前比较流行的错误提示

js form 验证函数 当前比较流行的错误提示

前段时间写了一个 js数据验证、js email验证、js url验证、js长度验证、js数字验证等 弹出对话框形式的 但是,现在不太流行那种很不友好的方式,于是重写了一个,封装得更加好的,更友好的层形式 共享给大家,如果大家使用有bug,请大家给我留言完善,谢谢了. 保存为 test.js复制代码 代码如下:/** * 数据验证框架.增加了对id字段检查出错时,直接在对应后面添加一< span>元素来显示错误信息. * * @author w...
JQuery 无废话系列教程(一) jquery入门 [推荐]

JQuery 无废话系列教程(一) jquery入门 [推荐]

本文的宗旨, 授人鱼不如授人渔. 我只会讲关键部分,不可能JQuery的每个函数我都讲,因为有很多函数贝壳自己在实际应用中都从未使用过. 但当我们已经会渔了还用担心鱼吗!? BTW:贝壳假设你已经掌了基本的JavaScript运用能力及基础的CSS知识. JQuery是什么 JQuery只是一个JS文件 人对新鲜事业总是报着好奇与排斥的情感,贝壳刚开始学的时候也一样. 想掌握又怕自己学不会. 其实JQuery很简单. JQuery其实就是一个工具包,很多常...
JQuery 无废话系列教程(二) jquery实战篇上

JQuery 无废话系列教程(二) jquery实战篇上

我知道大家的想法, 放心好了,有些东西是不需要太多的理论知道做为基础, 其实在我们已经掌握JavaScript时,就已经掌握了JQuery的理论知识. 还是入门篇所说的那样,其实JQuery很简单. : )在我们开始学习之前建议大家先去下载JQuery1.3中文参考. 下载地址http://www.jb51.net/books/17812.html好了,进入正题. 再次申明JQuery很简单,take easy! 从那开始呢? 最好的切入地方就从 rea...
JavaScript 开发中规范性的一点感想

JavaScript 开发中规范性的一点感想

可谓一劳永逸,不要重复造轮子:) 1.常用的方法统一放置 例如:在用户注册时,时常需要判断文本框中字符是否是汉字、英文、数字或邮箱地址等等。何不把这些方法统一放在一个脚本中,取名叫做utility.js呢? 复制代码 代码如下://待需要时另存为一个js function isNull(obj) { if (!obj || obj.length==0 || obj=="") { parent.MyAlert("标注名不能为空!",alertImg); re...
<< 301 302 303 304 305 306 307 308 309 310 >>