-
鼠标点击动态滚动指定位置jQuery特效
所属栏目:[Unix] 日期:2018-09-07 热度:133
jQuery 控制页面按顺序滚动至指定位置,与滚动条的功能是不一样的,本代码中,当点击标号1的时候,页面会滚动至标号2,当点击标号2,会滚动至标号3,当标号3会回到标号1,也就是循环滚动,有意思吧,这当然比浏览器自带的滚动条有意思哦。 为解决一些网页[详细]
-
纯CSS圆角的实现 代码简洁效果强大
所属栏目:[Unix] 日期:2018-09-07 热度:136
一款方法相对精简的CSS圆角效果,代码确实不多,而且圆角效果特别好,我比较喜欢,有金属的质感,大家完全可以把圆角定义成类,随时用随时调用,应该不错。 请看实例演示: htmlheadtitle纯css实现圆角按钮/titlestyle type=text/css.a{float:left; border[详细]
-
js拖动代码 javascript拖拽网页区域块
所属栏目:[Unix] 日期:2018-09-07 热度:150
有关js实现网页区域块拖动的例子,烈火在以前的文章中也介绍了一些,随着jquery的普及,其强大的功能正在逐渐取代js的地位,本文中作者并未使用jquery,而是合作javascript代码简单的实现了拖拽效果,让我们一起来看看吧。 效果如下: !DOCTYPE html PUBLI[详细]
-
弹出窗口代码生成小工具 javascript实现
所属栏目:[Unix] 日期:2018-09-07 热度:77
一看标题就知道是什么东西了,关于弹出窗口生成代码工具,在烈火提供的站长工具中,就有两款,分别是:弹出窗口生成器、弹出式窗口代码产生器,以上两个工具有所不同,下面要介绍的与上面的一款一样,其实大家可以自己到烈火的站长工具中提取,呵呵。小编[详细]
-
类似photoshop的曲线拖拽 拖动可保存同时颜色变化
所属栏目:[Unix] 日期:2018-09-07 热度:124
Java script可拖动的角度选择器,与PS软件中的曲线颜色调节一样,可以拖动,也可以在外围直接点击,按角度形成半圆或圆,同时颜色也随之变化,以前在一个老外的 颜色拾取 器里面见到过,样式与功能与其非常相似,虽说这款看上去简陋了些,但是核心功能已经[详细]
-
右下角百度视窗,根据Cookies判断显示
所属栏目:[Unix] 日期:2018-09-07 热度:101
百度视窗的代码,Js右下角视频广告的代码,从百度网站扣下来的,没经任何修改,原汁原味。 功能说明: 本效果经烈火测试,兼容IE系列, 火狐浏览器 不太兼容,打开视窗后,保存到Cookies,再次刷新网页不再显示,cookies时间(1200000,1000为1秒)大家在代[详细]
-
纯DIV+CSS实现圆角效果 并不是很难
所属栏目:[Unix] 日期:2018-09-07 热度:196
纯DIV+CSS实现圆角效果,在以前的文章中,烈火小编曾经多次提到这一功能,例如:《纯CSS圆角框2:透明圆角化背景图片》、《纯CSS圆角框:基本的圆角框》、《无需图片纯CSS设计Table圆角效果》等等,更多请见这里。今天再来给大家发布一个圆角的效果,代码中[详细]
-
JavaScript 实现关闭网页弹出确认窗口提示
所属栏目:[Unix] 日期:2018-09-07 热度:50
我们经常看到一些网页上会有这样的功能,就是在离开时,点击关闭网页就会弹出一个确认的框,这样的情况多发于一些垃圾站(指:弹出窗口和广告比较多的网页),当然在一些邮箱和博客发表文章等时,如果没有点击发表或完成时而直接关闭网页也会提示,那么如[详细]
-
网页飘雪特效 圣诞节博客空间代码
所属栏目:[Unix] 日期:2018-09-07 热度:115
圣诞节到了,给自己的博客、空间或网页添加一个飘雪的效果吧,这是纯JS实现的,但是有个缺点哦,那就是本特效只适合于深颜色的网页,因为雪花是白色的,让我们来看一下效果吧: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w[详细]
-
网页中随意拖动的小方块特效
所属栏目:[Unix] 日期:2018-09-07 热度:90
用CSS和JS制作的在网页中可以随意拖动的小方块。 div style=width:140px; height:140px; background-color:pink; cursor:pointer; id=divBlock onmousedown=divBlock_event_mousedown(arguments[0]);用鼠标拖动我看看?哈哈,不错吧!/div 运行代码 复制代[详细]
-
JavaScript键盘事件全面控制代码
所属栏目:[Unix] 日期:2018-08-31 热度:80
Java Script键盘事件全面控制,它可以捕获键盘事件的输入状态,可以判断你敲打了键盘的那个键,ctrl、shift,26个字母等等,返回具体键盘值。 示例代码: htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312title键盘事件全面控制/t[详细]
-
Js+Css完成一个平滑效果的网页滚动效果
所属栏目:[Unix] 日期:2018-08-19 热度:64
Js+Css完成一个平滑效果的网页滚动效果,当我们点击元素后,网页向上滚动,初学者所写,还不是很完善,兼容性也不到位,先分享给JS爱好者,期待与你共同交流。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/[详细]
-
Js仿微博插入话题功能,点击插入文字
所属栏目:[Unix] 日期:2018-08-19 热度:125
Js微博插入话题功能,仿 新浪微博 插入新话题效果,当点击或选择话题后,自动将话题文字插入到微博文本框中,用户不用再输入了,提升用户体验。两点说明: 1.获取光标位置IE下用到了createRange的方法,标准下用到selectionStart 2.设置光标选中IE下用到了[详细]
-
Js特效代码:点击按钮,出现网页进度条
所属栏目:[Unix] 日期:2018-08-19 热度:94
Js效果实现:点击按钮,出现进度条,单机按钮后,页面会出现1个进度条,或者正在载入中。。。 持续5秒时间,在IE下完全正常,在其他浏览器没有测试,不知道是否正常,有时间的朋友可以试试。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitio[详细]
-
一款响应鼠标、动态的滑动展示小代码
所属栏目:[Unix] 日期:2018-08-19 热度:145
一款响应鼠标、动态的滑动展示效果,而作者只称之为小代码,对于JS高手来说,这也许是小代码,但是对于一些初级设计人员来说,这已经很复杂了,多向作者学习,感谢星空之旅的lonelystar辛苦劳动。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Tran[详细]
-
jQuery 仿新浪网站的“返回顶部”效果
所属栏目:[Unix] 日期:2018-08-19 热度:109
仿新浪网返回顶部效果,网上的一段代码,太长了,导致在应用的时候跟其它JS代码发生冲突不能正常使用,很不错的返回顶部代码,弃之可惜,或许有的朋友能用得上,高手也可以拿出精简一下代码了。 为解决一些网页特效运行后不能显示效果(例如: jQuery 则需[详细]
-
禁止右键,禁止选中,禁止复制的网页特效代码
所属栏目:[Unix] 日期:2018-08-19 热度:143
禁止右键,禁止选中,禁止网页复制的Js代码,而且还禁止查看源代码,本想用ctrl+c和ctrl+c吧,但无法选择文字,在一定程度上禁止了一些想转载和复制的人,不过对于高手们来说这算不得什么高超的技术,学习一下还是非常不错的。 演示: !DOCTYPE html PUBLI[详细]
-
js网页在线迷你便笺,结合cookie保存,阿蚊少出品
所属栏目:[Unix] 日期:2018-08-19 热度:188
js网页在线迷你便笺,结合cookie保存,阿蚊少出品,可以保存便笺内容,程序针对火狐做有兼容性测试,因此火狐下也可正常运行。迷你便笺作者:阿蚊少 QQ:262826028,使用方法:直接调用本JS文件即可,部分参数设置如下: var YhTop = 100//设置相对上边的距离[详细]
-
点击网页任意位置弹出窗口,弹出指定网页代码
所属栏目:[Unix] 日期:2018-08-19 热度:126
一个小技巧,估计有些朋友会遇到过类似效果,打开网页后,鼠标点击网页的任意地方,会弹出一个指定链接的窗口,前往该URL,或许有时候我们需要这种效果。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/x[详细]
-
jQuery 闪动的文字提示,打开和点击边框闪烁
所属栏目:[Unix] 日期:2018-08-19 热度:79
jQuery 闪动的文字提示,打开和点击边框闪烁,可以用于错误提示或其他吸引用户注意力的场合。 shake(ele,cls,times) ele : jQuery Object [object] 要闪动的元素 cls : Class Name [string] 闪动的类 times : Number [Number] 闪动几次 注意,必须调用jQue[详细]
-
无缝滚动代码,JavaScript实现多形式的滚动效果
所属栏目:[Unix] 日期:2018-08-19 热度:85
一个中级的上、下、左、右滚动代码,Js无缝滚动代码,可以控制滚动速度、滚动方向,而且考虑到了obj.style.attr只能获取到行内样式,因而还增加了JS判断获取确切的外补丁,以消除非行内样式的外补丁对无缝衔接的影响。JS通过四次循环内部元素的方式来保持[详细]
-
Confirmer JQuery确认对话框组件
所属栏目:[Unix] 日期:2016-11-25 热度:91
插件截图: 用途:点击链接或按钮时要确认是否继续当前操作。 插件代码: 复制代码 代码如下: (function($){ $.fn.confirmer = function(options){ var defaults = { msg:"Are you sure to delete it ?" } var options = $.extend(defaults, options); var[详细]
-
JavaScript 构造函数 面相对象学习必备知识
所属栏目:[Unix] 日期:2016-11-24 热度:108
复制代码 代码如下: function A(x) { this.x = x; } var obj = new A(5); alert(obj.x); 这段代码十分简单,但是我们重要的是看到了一个十分惊讶的结果,obj被我们赋予了一个属性x,就如同我们在C#中使用某个类的实例的时候一样。那么这个属性是怎么样产生[详细]
-
JavaScript 原型与继承说明
所属栏目:[Unix] 日期:2016-11-24 热度:50
function A(x) { this.x = x; } alert(A.prototype); alert(A.prototype.constructor); 根据弹出的结果,我们可以得到:原型对象是由函数的构造函数创建,它所拥有的属性能被所有对象共享,初始时原型对象指向一个Object对象,并且定义了一个constructor属[详细]
-
Jquery CheckBox全选方法代码附js checkbox全选反选代码
所属栏目:[Unix] 日期:2016-11-24 热度:91
jquery方法如下: 复制代码 代码如下: function CheckAll(val) { $("input[name='chkJob']").each(function() { this.checked = val; }); $("#chkAll").attr("checked", val);//设定全选按钮状态 } val 该参数传递的是全选按钮的选择状态 name='chkJob' 这[详细]