-
jQuery 厂商列表显示隐藏切换代码
所属栏目:[聚会] 日期:2018-08-25 热度:84
jquery 显隐切换代码,类似淘宝网的产品名称显示效果,默认状态下只显示一些大品牌厂商,当用户点击展开所有类别的时候,所有的厂商信息全部显示出来了,这样有许多好处,一来节省网页的加载时间,二来节省网页布局空间。学习 jQuery 的朋友,不要错过哦。[详细]
-
点击按钮弹出层DIV,有关闭按钮,JS+Css完成
所属栏目:[聚会] 日期:2018-08-22 热度:155
点击按钮弹出DIV层,JS结合Css完成,可以覆盖父窗口,唯一的缺点就是不可以移动,自带关闭按钮,蓝色经典风格,您可以把需要的文字写在层区域,例如:烈火学院 www.veryhuo.com 网页特效。 演示代码: htmlheadscriptfunction locking(){document.all.ly.s[详细]
-
JS实现dragdrop层拖拽代码,可设置功能方式
所属栏目:[聚会] 日期:2018-08-22 热度:61
JS实现dragdrop层拖拽代码,可设置功能方式,实现任意方向的拖拽,也可以水平方向、垂直方向、停止拖拽、开启拖拽、恢复初始状态操作,拖拽元素 HTMLElemnt 必选,有以下参数: bridge指定鼠标按下哪个元素时开始拖拽,实现模态对话框时用到 dragable 是否[详细]
-
仿iGoogle的模块拖动,层拖动,可自动复位
所属栏目:[聚会] 日期:2018-08-22 热度:63
仿iGoogle Div Drag 模块拖动,iGoogle主页上的拖动,具有自动复位的功能,智能判断Div的落点,鼠标松开后,Div可自行找到最近的落点,有意思吧?也挺人性化的。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/T[详细]
-
JS点击弹出模态对话框,可拖拽,遮罩层效果
所属栏目:[聚会] 日期:2018-08-22 热度:55
JS点击弹出模态对话框,可拖拽,遮罩层效果,作者给这个例子取名:ModelDialog,仅在窗口范围拖拽的模态对话框,代码中的ModelDialog代码部分可以单独摘出来封闭成一个文件,用时候引入就行了。 这个模态对话框对大家来说是比较常见的,它可以定义标题、主[详细]
-
CSS仿淘宝旧版首页的CSS列表布局效果
所属栏目:[聚会] 日期:2018-08-22 热度:85
仿淘宝旧版首页的CSS布局效果,现在淘宝改版了,看不到这效果了,不过觉得还是挺有用的,做起来也并不复杂,主要是在背景图片的处理上,用CSS定义背景图片的使用区域,可以把众多用到的背景图片制作在一起,这样方便管理资源。 演示: !DOCTYPE html PUBLI[详细]
-
CSS布局实例:div高度随窗口变化而变化
所属栏目:[聚会] 日期:2018-08-22 热度:133
一个CSSDiv布局的实例,让DIV的高度随浏览器窗口的变化而变化,窗口变大,Div的高度会变大,窗口变小则Div变小,貌似智能化。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio[详细]
-
Div+CSS弹出始终居中的半透明遮罩层效果
所属栏目:[聚会] 日期:2018-08-22 热度:163
Div+CSS实现始终居中的半透明弹出层,使用了CSS和 Java Script结合实现的,暂时没有实现动画效果,这是比较基础的弹出层效果,非常便于你理解CSS,对学习是有帮助的。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www[详细]
-
用CSS实现交叉的两个层,网页布局代码
所属栏目:[聚会] 日期:2018-08-22 热度:182
用CSS实现交叉的两个层,一个用CSs布局网站的好例子,代码就在下边,大家自己看看吧,希望对CSS初学者有帮助哦,如果你一点也不懂CSS,可以阅读烈火网提供的CSS手册。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.o[详细]
-
CSS 半透明层的实现,文字层半透明显示图片
所属栏目:[聚会] 日期:2018-08-22 热度:163
CSS 半透明层的实现,文字层半透明显示图片。让您掌握filter中alpha的用法,在本示例中,最低层的是一张图片,上边是一个透明度被定义为60%的Div层,层内是文字,因为是不是100%透明,因此可以看到下层的图片,形成立体效果。 演示: !DOCTYPE html PUBLIC[详细]
-
jQuery 折叠/合并,展开/收缩的层,动画效果
所属栏目:[聚会] 日期:2018-08-22 热度:59
两个折叠、伸展的层,基于 jQuery 框架实现,有简单、平滑的动画效果,实现方法如下: 1,首先把JQ导入. 2,然后开始写函数了。$(document).ready(function(){}); 3,前面说过了,获取标签能直接 $(标签)。给标签注册 onclick事件直接可以 click. 4,核心代码:[详细]
-
基于CSS+dIV的网页层,点击后隐藏或显示
所属栏目:[聚会] 日期:2018-08-18 热度:142
一个基于CSS+dIV的网页层,用 Java Script结合Input按钮进行控制,点击后显示或隐藏,网页上常用到的特效之一,实用性较强,相信对大家的前端设计有帮助。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtm[详细]
-
鼠标指向文字链接弹出DIV层,离开文本层消失
所属栏目:[聚会] 日期:2018-08-18 热度:116
鼠标指向文字链接弹出DIV层效果,大家自己运行下边的代码就可以看到效果了,当鼠标离开文本链接时,层就消失了,一种比较普遍的特效,可能对于一般的站长来说不是太实用,但是对于提高用户体验、增强网站的性能还是不错的,欢迎借鉴学习。 烈火代码演示:[详细]
-
点击按钮Alert弹出遮罩层效果的提示框代码
所属栏目:[聚会] 日期:2018-08-18 热度:158
点击按钮Alert弹出遮罩层效果的提示框代码,改善优化的Alert弹出提示效果,类似于新浪邮箱的提示效果。比较独立。在wenming版主的帮助下,已解决了高度不能适应的BUG。使用方法很简单,在需要弹出提示的页面调用即可,示例中有方法。 示例: !DOCTYPE html[详细]
-
网页右下角固定位置的Js悬浮窗口代码
所属栏目:[聚会] 日期:2018-08-18 热度:154
Js实现网页右下角固定位置的悬浮窗口代码,为了便于查看效果,测试时用随机函数产生一定的内容,与浮动窗口的控制无关,不想用可以去掉。代码内有注释。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1[详细]
-
Css 相对定位网页框架代码,滚动时不闪烁
所属栏目:[聚会] 日期:2018-08-18 热度:93
Css 相对定位网页框架代码,滚动时不闪烁。一个大家值得关注的CSS基本但实用的常识技巧,模拟position:fixed效果的原理,因为在有些浏览器比如IE6下,经常听到有朋友说相对定位效果并不更想,容易产生闪烁,其实是方法或思路没有明淅,不信你瞧本代码。 示[详细]
-
QQ在线客服悬浮窗,点击展开的网页代码
所属栏目:[聚会] 日期:2018-08-18 热度:160
QQ在线客服悬浮窗,点击展开的网页代码,其实就是QQ在线客服一样,平时会隐藏在网页的右侧,当需要时把鼠标移过去,它就自动展开了,在移走,又恢复了,实用的效果,可以用来制作在线客服。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transition[详细]
-
网页点击按钮弹出遮罩层,拖动和关闭效果
所属栏目:[聚会] 日期:2018-08-18 热度:179
基于 Java Script的网页弹出层,鼠标按在弹出层的标题栏处,可以拖动该浮动层随意移动位置,不需要时也可以关闭,操作体验舒服,兼容性好,IE/火狐等众多浏览器下运行稳定、反应快速。代码表现方面,简洁务实,不玩虚的,拿去学习也相当不错。 示例: !DOC[详细]
-
Js实现Dialog浮动窗口,可拖动关闭和动态创建
所属栏目:[聚会] 日期:2018-08-18 热度:103
Js实现Dialog浮动窗口,可拖动关闭和动态创建,蓝色经典风格,可以创建一个新层,可设置弹出层的标题和内容,用它可实现一个登录框,或用在后台管理中。 示例: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type co[详细]
-
JavaScript简单的拖放层,兼容Firefox浏览器
所属栏目:[聚会] 日期:2018-08-18 热度:102
Java Script简单的拖放层,兼容 Firefox 浏览器,鼠标按住蓝框可实现拖动。稍加修改,甚至不用修改就能用了,使用时候自己动手美化一些,还是较不错的,也适合个人学习JavaScript。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN h[详细]
-
始终在网页顶部的导航条,仿天涯顶部固定层菜单
所属栏目:[聚会] 日期:2018-08-18 热度:160
始终在网页顶部的导航条,仿天涯顶部固定层菜单,大家在多玩、天涯等一些网站都看到过吧,以前烈火网就介绍了多玩的顶部固定菜单,还介绍了仿淘宝网的固定层,性质是一样的,不论你怎么拖动滚动条,始终显示在网页的最顶部,不随网页滚动条的滚动而滚动,[详细]
-
黑色网页背景下,跟随鼠标不停旋转的花絮
所属栏目:[聚会] 日期:2018-08-14 热度:115
今天是2012年1月1日,新年到,新年好!在这里,烈火网恭祝大家新年快乐,在这美好的日子里,让我们不禁想起了烟花,在黑色的夜空不断绽放,本文我们就来介绍一款类似烟花的花絮效果,作者使用JS技术将字符紧紧的跟随着鼠标动态旋转,一个非常不错的鼠标特[详细]
-
兼容IE6的纯CSS背景颜色透明特效代码
所属栏目:[聚会] 日期:2018-08-14 热度:200
兼容IE6的纯CSS背景颜色透明特效代码,背景颜色自己可定义,本示例仅演示了主要的透明效果,代码也并不复杂,希望能为CSS爱好者提供帮助。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gbk /titleCSS背景透明/t[详细]
-
Mootools实现鼠标移动背景图随之移动效果
所属栏目:[聚会] 日期:2018-08-14 热度:132
Mootools实现鼠标移动背景图随之移动效果,这是《一周学会Mootools 1.4中文系列教程》中作者完成的效果,引入了Mootools脚本,背景图随着鼠标移动而移动的东西。 效果: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content[详细]
-
JS模拟Windows屏幕保护,七彩的泡泡屏保
所属栏目:[聚会] 日期:2018-08-14 热度:187
本例给大家介绍 Java Script模拟实现windows的屏幕保护效果,运行后可以看到效果,兼容IE6在内的几乎所有浏览器,作者将JS技术发挥的淋漓尽致,让我们这些网页制作初学者有种望尘莫及的感觉,可见只要用心去做,没有什么实现不了的效果,不管 jQuery 也好[详细]