-
网页中随意拖动的小方块特效
所属栏目:[Unix] 日期:2018-08-31 热度:131
用CSS和JS制作的在网页中可以随意拖动的小方块。 div style=width:140px; height:140px; background-color:pink; cursor:pointer; id=divBlock onmousedown=divBlock_event_mousedown(arguments[0]);用鼠标拖动我看看?哈哈,不错吧!/div 运行代码 复制代[详细]
-
Js仿微博插入话题功能,点击插入文字
所属栏目:[Unix] 日期:2018-08-20 热度:161
Js微博插入话题功能,仿 新浪微博 插入新话题效果,当点击或选择话题后,自动将话题文字插入到微博文本框中,用户不用再输入了,提升用户体验。两点说明: 1.获取光标位置IE下用到了createRange的方法,标准下用到selectionStart 2.设置光标选中IE下用到了[详细]
-
Js特效代码:点击按钮,出现网页进度条
所属栏目:[Unix] 日期:2018-08-20 热度:100
Js效果实现:点击按钮,出现进度条,单机按钮后,页面会出现1个进度条,或者正在载入中。。。 持续5秒时间,在IE下完全正常,在其他浏览器没有测试,不知道是否正常,有时间的朋友可以试试。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitio[详细]
-
一款响应鼠标、动态的滑动展示小代码
所属栏目:[Unix] 日期:2018-08-20 热度:56
一款响应鼠标、动态的滑动展示效果,而作者只称之为小代码,对于JS高手来说,这也许是小代码,但是对于一些初级设计人员来说,这已经很复杂了,多向作者学习,感谢星空之旅的lonelystar辛苦劳动。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Tran[详细]
-
jQuery 仿新浪网站的“返回顶部”效果
所属栏目:[Unix] 日期:2018-08-20 热度:192
仿新浪网返回顶部效果,网上的一段代码,太长了,导致在应用的时候跟其它JS代码发生冲突不能正常使用,很不错的返回顶部代码,弃之可惜,或许有的朋友能用得上,高手也可以拿出精简一下代码了。 为解决一些网页特效运行后不能显示效果(例如: jQuery 则需[详细]
-
禁止右键,禁止选中,禁止复制的网页特效代码
所属栏目:[Unix] 日期:2018-08-20 热度:78
禁止右键,禁止选中,禁止网页复制的Js代码,而且还禁止查看源代码,本想用ctrl+c和ctrl+c吧,但无法选择文字,在一定程度上禁止了一些想转载和复制的人,不过对于高手们来说这算不得什么高超的技术,学习一下还是非常不错的。 演示: !DOCTYPE html PUBLI[详细]
-
js网页在线迷你便笺,结合cookie保存,阿蚊少出品
所属栏目:[Unix] 日期:2018-08-20 热度:101
js网页在线迷你便笺,结合cookie保存,阿蚊少出品,可以保存便笺内容,程序针对火狐做有兼容性测试,因此火狐下也可正常运行。迷你便笺作者:阿蚊少 QQ:262826028,使用方法:直接调用本JS文件即可,部分参数设置如下: var YhTop = 100//设置相对上边的距离[详细]
-
点击网页任意位置弹出窗口,弹出指定网页代码
所属栏目:[Unix] 日期:2018-08-20 热度:101
一个小技巧,估计有些朋友会遇到过类似效果,打开网页后,鼠标点击网页的任意地方,会弹出一个指定链接的窗口,前往该URL,或许有时候我们需要这种效果。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/x[详细]
-
jQuery 闪动的文字提示,打开和点击边框闪烁
所属栏目:[Unix] 日期:2018-08-20 热度:58
jQuery 闪动的文字提示,打开和点击边框闪烁,可以用于错误提示或其他吸引用户注意力的场合。 shake(ele,cls,times) ele : jQuery Object [object] 要闪动的元素 cls : Class Name [string] 闪动的类 times : Number [Number] 闪动几次 注意,必须调用jQue[详细]
-
无缝滚动代码,JavaScript实现多形式的滚动效果
所属栏目:[Unix] 日期:2018-08-20 热度:181
一个中级的上、下、左、右滚动代码,Js无缝滚动代码,可以控制滚动速度、滚动方向,而且考虑到了obj.style.attr只能获取到行内样式,因而还增加了JS判断获取确切的外补丁,以消除非行内样式的外补丁对无缝衔接的影响。JS通过四次循环内部元素的方式来保持[详细]
-
JavaScript键盘事件全面控制代码
所属栏目:[Unix] 日期:2018-08-20 热度:95
Java Script键盘事件全面控制,它可以捕获键盘事件的输入状态,可以判断你敲打了键盘的那个键,ctrl、shift,26个字母等等,返回具体键盘值。 示例代码: htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312title键盘事件全面控制/t[详细]
-
jquery ready()的几种实现方法小结
所属栏目:[Unix] 日期:2016-11-24 热度:139
1.最常用也是最标准的 复制代码 代码如下:$(document).ready(){ }); 2.是上面的简写: 复制代码 代码如下: $(function(){ }) 很奇怪?为什么能这样?不是判断document对象是否 reADy然后才执行函数的么?document哪去了?我们看下jQuery的源代码: 复制代码 代[详细]
-
通过jQuery打造支持汉字,拼音,英文快速定位查询的超级select插件
所属栏目:[Unix] 日期:2016-11-24 热度:56
复制代码 代码如下: //潇湘博客 //http://blog.csdn.net/fkedwgwy //PHP 技术群:37304662 //时间:2010-06-13 //版本 v3.0.0.0 //任意字符、中文与拼音综合查询 //方向键选择option //优化下拉框显示效果 //jquery超级select插件 $.fn.selectseach = funct[详细]
-
JavaScript Chart 插件整理
所属栏目:[Unix] 日期:2016-11-24 热度:50
EJSChart http://www.ejschart.com/ JS Chart http://www.jscharts.com/examples JqPlot http://www.jqplot.com/tests/ Flot http://code.google.com/p/flot/ JGCharts http://www.maxb.net/scripts/jgcharts/include/demo/ plotkit http://solutoire.com/[详细]
-
JQuery在光标位置插入内容的实现代码
所属栏目:[Unix] 日期:2016-11-24 热度:58
复制代码 代码如下: (function($){ $.fn.extend({ insertAtCaret: function(myValue){ var $t=$(this)[0]; if (document.selection) { this.focus(); sel = document.selection.createRange(); sel.text = myValue; this.focus(); } else if ($t.selection[详细]
-
Javascript下IE与Firefox下的差异兼容写法总结
所属栏目:[Unix] 日期:2016-11-24 热度:58
window.event对象差异 IE:有window.event对象 FF:没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event) 获取鼠标当前坐标 IE:event.x和event.y。 FF:event.pageX和event.pageY。 通用:两者都有event.clientX和[详细]
-
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结
所属栏目:[Unix] 日期:2016-11-24 热度:90
在这篇文章中,作者介绍了7个JavaScript在IE和Firefox中存在的差异。 1. CSS “float” 值 访问一个给定CSS 值的最基本句法是:object.style.property,使用驼峰写法来替换有连接符的值,例如,访问某个ID为”header”的lt;divgt;的 background-color值,我[详细]
-
jquery 弹出层注册页面等(asp.net后台)
所属栏目:[Unix] 日期:2016-11-24 热度:56
【一】需求如下: 1:注册不新开页面,改成弹出层, 2:新增用户买房欲望调查, 3:用户名自动检索出推荐的用户名, 4:出生日期用户输入改成控件选择。 5:尽力提高用户体验,吸引用户注册。 【二】无图无真相。 1:简化后的页面: 2:浮出文字提示和圆角[详细]
-
js打印纸函数代码(递归)
所属栏目:[Unix] 日期:2016-11-24 热度:93
复制代码 代码如下: //打印纸尺寸,单位MM //http://en.wikipedia.org/wiki/ISO_216 var page = function() { var A0 = { name: "A0", width: 841, height: 1189 }; //单位MM var B0 = { name: "B0", width: 1000, height: 1414 }; //单位MM var C0 = { na[详细]
-
js将字符转换为UTF-8字符的工具
所属栏目:[Unix] 日期:2016-11-24 热度:76
在下面的文本框中输入中文文字,按“转化”,即可将其转化为UTF-8字符。 再按“还原”,即可将其还原为简体中文。 GB2312 - UTF8 互转工具 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][详细]
-
jquery 多行滚动代码(附详细解释)
所属栏目:[Unix] 日期:2016-11-24 热度:183
复制代码 代码如下: lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"gt; lt;html xmlns="http://www.w3.org/1999/xhtml"gt; lt;headgt; lt;meta http-equiv="Content-Type"[详细]
-
基于javascript的在火狐里面强制换行字符
所属栏目:[Unix] 日期:2016-11-23 热度:98
效果演示代码: firefox-break-word If there were less sympathy in the world, there would be less trouble in the world. ( O. Wilde ) [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] CSS控制强制换行/强制换行 强制不换行 div{ white-space:nowrap;[详细]
-
jQuery+jqmodal弹出窗口实现代码分明
所属栏目:[Unix] 日期:2016-11-23 热度:74
先上图,最终效果如下 nbsp; 点击“信息确认” nbsp; 就是弹出一个确认窗口,把已经填报的信息都放到里面看看。 信息放里面很简答,主要是弹出窗口要做得好看点。 所以选择了jQuery+jqmodal实现 实现方法如下 1、页面中引用jquery-1.4.2.js和jqModal.js,[详细]
-
关于juqery radio写法的兼容性问题(新老版本jquery)
所属栏目:[Unix] 日期:2016-11-23 热度:128
如下: 复制代码 代码如下: $("input[name='isIel'][checked]").val() $("[name='isIel'][checked]").val() == 上面这些只适合低版本IE(IE6及以下) 更高版本IE或火狐需要改成 $("input[name='isIel']:checked").val() 测试jquer版本1.4 、 1.3.2 新老版本[详细]
-
js 未结束的字符串常量错误解决方法
所属栏目:[Unix] 日期:2016-11-23 热度:179
1.JAVASCRIPT引用时,使用的字符语言不一致. 比如:lt;script type=”text/javascript” src=”xxx.js” charset=”UTF-8″gt;.xxx.js文件内部使用的是GB2312的格式,外面调用使用的是UTF-8,所以文件内部部分特殊字符因为格式不一致,出现乱码,造成此原因. 2.JA[详细]