-
JS弹出层代码 层居中并可以关闭和拖拽
所属栏目:[活动] 日期:2018-08-14 热度:98
这是一个用javascript实现的弹出一个层,让层居中,并且可以拖拽喔,代码如下,复制粘贴后,保存成html,就可以直接看到效果喔 ,虽然界面有点丑,但功能实现了,希望大家一起来改进。 演示效果: html xmlns=http://www.w3.org/1999/xhtmlheadtitleveryhuo[详细]
-
jQuery折叠层,默认闭合,点击收缩和展开效果
所属栏目:[活动] 日期:2018-08-14 热度:152
刚刚介绍了一款利用 jQuery 实现的折叠层,点击收缩和展开效果,默认情况下是展开的,可能有的童鞋需要默认情况是闭合的,现在就来分享一下,这里主要是用 Java Script代码定义的,在此提示,第一次运行请刷新一下页面,让远程的jQuery插件载入。 为解决一[详细]
-
利用jQuery实现的折叠层,点击收缩和展开效果
所属栏目:[活动] 日期:2018-08-14 热度:65
一款利用 jQuery 实现的折叠层,点击收缩和展开效果,默认情况下是展开的,主要是用 Java Script代码定义的,在此提示,第一次运行请刷新一下页面,让远程的jQuery插件载入。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特[详细]
-
CSS网页布局实例:纯CSS六宫格布局代码
所属栏目:[活动] 日期:2018-08-14 热度:110
一款基于CSS的网页布局实例代码,这里主要是使用纯CSS完成六宫格布局,在论坛上看到有人发问,这是转载别人写的代码,思路就是外面用一个div遮住 overflow-x:hidden;相信对学习CSS还是有帮助的,关键是提供一种编写的思路,至于代码的实现就要靠自己的CSS[详细]
-
网页尾部的浮动指示框,始终在网页底部
所属栏目:[活动] 日期:2018-08-14 热度:176
网页中的浮动指示框,浮动提示框,用于显示信息,可以使用HTML语法,注意引号用法,单套双。 在JAVAsCRITP代码内,变量displaymode有三种模式:0 代表信息永远显示,1 代表信息只显示一段时间,2为随机显示模式; 演示: htmlheadtitle网页中的浮动指示框/t[详细]
-
点击链接居中弹出层代码,网页可关闭的层效果
所属栏目:[活动] 日期:2018-08-14 热度:102
一款基于 Java Script的网页弹出层代码,点击链接后,在网页居中弹出层,点击关闭或层以外的部分都可关闭这个层,此类的效果还有很多,您可以通过弹出层这个标签来索引一下。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://[详细]
-
JS仿Windows左右调整,左右拖动改变层大小
所属栏目:[活动] 日期:2018-08-13 热度:73
刚刚见识了网页中仿Windows的垂直调整效果,再来瞧瞧左右调整,这是一款可拖动的内容显示区,左右拖动红条改变显示区域宽度大小,往左拖则全部显示右侧内容,往右拖则全部显示左则内容,类似QQ的聊天窗口一样,可以向上或向下拖动大小,以适合使用者的要求[详细]
-
JS实现层上下部分可拖动,仿Windows垂直调整代码
所属栏目:[活动] 日期:2018-08-13 热度:174
JS实现层上下部分可拖动,仿Windows垂直调整代码。非常经典的Windows窗口效果,但是您估计没有在网页上看到过,兼容性非常好。在IE或火狐以及 Chrome 等浏览器都能正常运行。 操作方法:上下拖动红条改变显示区域高度,往上则全部显示下部的内容,往下拖则[详细]
-
jQuery滑过展开层效果:关于hover的合成事件
所属栏目:[活动] 日期:2018-08-13 热度:141
刚刚介绍了 jQuery 点击展开层效果,再来介绍一款与之几乎完全一样的效果,唯一不同的是:本文是jQuery滑过展开层效果,而不是点击它!这是关于hover的合成事件,jQuery滑过展开层效果:关于hover的合成事件。 为解决一些网页特效运行后不能显示效果(例如[详细]
-
jQuery合成事件toggle,收缩折叠的提示层代码
所属栏目:[活动] 日期:2018-08-13 热度:69
jQuery 合成事件toggle,收缩折叠的提示层代码。点击后触发事件,并为特定Div加色,Toggle事件应用广泛,前端设计开发必备的常用技巧,本特效代码可作为其典型的参考实例分享给朋友们。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问[详细]
-
CSS布局示例教程:自适应高度的代码
所属栏目:[活动] 日期:2018-08-13 热度:187
CSS布局示例教程:自适应高度的代码。两垂直Div,下边高度自适应,不管下边的内容有多少,此Div始终会自动适应外框的高度,CSS自适应的一个典型实例,在经典论坛转载的,曾经有不少人讨论实现方法,此为最简洁但效果最好的一种。 演示: htmlheadtitleCSS[详细]
-
又一款跟随鼠标效果,光标指针下的“方块”
所属栏目:[活动] 日期:2018-08-13 热度:71
又一款跟随鼠标效果,光标指针下的方块,鼠标移到哪里,方块就跟到哪里,运用DIV+CSS技术实现,兼容多种主流浏览器。代码分享给大家供参考。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1[详细]
-
跟随鼠标的动态光环,围绕鼠标形成星星形状
所属栏目:[活动] 日期:2018-08-13 热度:146
跟随鼠标的动态光环,当鼠标停止后逐渐围绕鼠标形成一个大的星星,许多跟随鼠标移动的小星星组成一定的图案,十分漂亮,主要是运用JS技术实现的鼠标特效,DIV+CSS布局,符合WEB标准。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN[详细]
-
JS实现鼠标经过不同链接显示不同背景颜色
所属栏目:[活动] 日期:2018-08-13 热度:107
JS实现鼠标经过不同链接显示不同背景颜色。用链接改变网页的背景颜色,鼠标只要放在链接上面,网页的背景色即变换,代码中,使用 Java Script的document.bgColor方法通过设定bgcolor属性来改变背景色为指定地颜色。至于需要变成什么颜色,这个由您来决定,[详细]
-
渐变的背景颜色,貌似不兼容IE8浏览器
所属栏目:[活动] 日期:2018-08-13 热度:77
渐变的背景颜色,貌似不兼容 IE8 浏览器,屏幕变色程序,渐变的背景颜色。在CBgColor()函数内,在颜色变白(color=0xffffff)之前,不断将颜色值增加,就会生成网页的背景色,这里要注意,步长按位左移8位(乘以256)来计算,如果步长过大则应该将其恢复到1。[详细]
-
点击Radio单选框实时改变网页背景颜色
所属栏目:[活动] 日期:2018-08-13 热度:190
通过点击Radio单选框,实时无刷新改变网页背景颜色的效果,使用了JS中ONCLICK的标签来改变背景颜色,分别是:silver,lightslategray,azure,lightgreen,lightblue和white。好像是老外写的,不过很方便就可以更改为中文,您不妨试试。 演示: !DOCTYPE h[详细]
-
黑色网页背景下,跟随鼠标不停旋转的花絮
所属栏目:[活动] 日期:2018-08-13 热度:50
今天是2012年1月1日,新年到,新年好!在这里,烈火网恭祝大家新年快乐,在这美好的日子里,让我们不禁想起了烟花,在黑色的夜空不断绽放,本文我们就来介绍一款类似烟花的花絮效果,作者使用JS技术将字符紧紧的跟随着鼠标动态旋转,一个非常不错的鼠标特[详细]
-
兼容IE6的纯CSS背景颜色透明特效代码
所属栏目:[活动] 日期:2018-08-13 热度:160
兼容IE6的纯CSS背景颜色透明特效代码,背景颜色自己可定义,本示例仅演示了主要的透明效果,代码也并不复杂,希望能为CSS爱好者提供帮助。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gbk /titleCSS背景透明/t[详细]
-
Mootools实现鼠标移动背景图随之移动效果
所属栏目:[活动] 日期:2018-08-13 热度:133
Mootools实现鼠标移动背景图随之移动效果,这是《一周学会Mootools 1.4中文系列教程》中作者完成的效果,引入了Mootools脚本,背景图随着鼠标移动而移动的东西。 效果: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content[详细]
-
JS模拟Windows屏幕保护,七彩的泡泡屏保
所属栏目:[活动] 日期:2018-08-13 热度:107
本例给大家介绍 Java Script模拟实现windows的屏幕保护效果,运行后可以看到效果,兼容IE6在内的几乎所有浏览器,作者将JS技术发挥的淋漓尽致,让我们这些网页制作初学者有种望尘莫及的感觉,可见只要用心去做,没有什么实现不了的效果,不管 jQuery 也好[详细]
-
兼容各种浏览器的Css背景渐变特效代码
所属栏目:[活动] 日期:2018-08-13 热度:96
一个非常完美的css背景渐变特效,作者使用了精简的css代码完成了兼容IE6、IE7、 IE8 、 IE9 、IE10和火狐firefox、谷歌chrome、 Safari 4、 Opera 等浏览器的网页背景渐变效果,并且完全符合w3c标准,代码中给出了详细的功能注释,是学习的好资源! 示例:[详细]
-
选择Select下拉框颜色改变网页背景色特效
所属栏目:[活动] 日期:2018-08-13 热度:158
一款貌似港澳台同胞写的代码,因为示例中的中文是繁体的,估计是练手用的,写出的下拉框竟然没有向下箭头,只有用鼠标点击时才会出现下拉列表的颜色,选择其中一个颜色,点击后边的确定就可以改变网页颜色了,只是不能写入cookie保存访客的设定。 示例: ![详细]
-
Js实现随机更换网页背景图片,模仿AOL网站
所属栏目:[活动] 日期:2018-08-13 热度:98
Js实现随机更换网页背景图片,模仿AOL网站,经常访问烈火网的朋友可能已经知道,这个AOL随机网页背景特效已经在烈火下载栏目发布过了。 此特效主要实现每次刷新网页都会得到一个不一样的背景图片,究其原理,其实很简单,就是使用了 Java Scrpt的getSeconds函[详细]
-
Select下拉框选项改变网页背景颜色
所属栏目:[活动] 日期:2018-08-13 热度:56
下拉框改变网页背景颜色,只要点击一下下拉框内的颜色,背景就会立马变换成这种颜色,在DW里可以直接生成这种效果,不过没有DW的话,其实代码并不复杂,拷贝回去只需改代码了。 演示: HTMLHEADTITLE下拉框改变网页背景颜色/TITLE/HEADSCRIPT!--function b[详细]
-
CSS实现带背景图片的文字链接,响应鼠标变色
所属栏目:[活动] 日期:2018-08-13 热度:107
CSS实现带背景图片的文字链接,响应鼠标随链接一起变换背景,更像是一个按钮的效果,我们可以用于文章页的尾部,例如:返回首页、查看更多等的按钮,非常不错的效果。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www[详细]
