-
Js实现Dialog浮动窗口,可拖动关闭和动态创建
所属栏目:[活动] 日期:2018-08-23 热度:87
Js实现Dialog浮动窗口,可拖动关闭和动态创建,蓝色经典风格,可以创建一个新层,可设置弹出层的标题和内容,用它可实现一个登录框,或用在后台管理中。 示例: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type co[详细]
-
网页点击按钮弹出遮罩层,拖动和关闭效果
所属栏目:[活动] 日期:2018-08-21 热度:144
基于 Java Script的网页弹出层,鼠标按在弹出层的标题栏处,可以拖动该浮动层随意移动位置,不需要时也可以关闭,操作体验舒服,兼容性好,IE/火狐等众多浏览器下运行稳定、反应快速。代码表现方面,简洁务实,不玩虚的,拿去学习也相当不错。 示例: !DOC[详细]
-
QQ在线客服悬浮窗,点击展开的网页代码
所属栏目:[活动] 日期:2018-08-21 热度:123
QQ在线客服悬浮窗,点击展开的网页代码,其实就是QQ在线客服一样,平时会隐藏在网页的右侧,当需要时把鼠标移过去,它就自动展开了,在移走,又恢复了,实用的效果,可以用来制作在线客服。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transition[详细]
-
javascript 动态设置div层固定位置效果
所属栏目:[活动] 日期:2018-08-21 热度:129
烈14火64网(LieHuo38.Net)网页特效教68程 动态设定一个固定层的位置,并不随滚动条的滚动而变化,可适时设定层的X/Y位置,当你拖动滚动条的时候,它并不会变化,一个参考例子吧,或许对你有用处。 实例效果: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0[详细]
-
CSS实现图片在DIV层纵向水平居中
所属栏目:[活动] 日期:2018-08-21 热度:192
刚才烈火发表了图片在div中一个上下左右居中的代码,这是又一个CSS图片居中的方法,代码超简洁,兼容性貌似不错,在火狐和IE6/IE7/ IE8 /下都表现良好。CSS固定某元素在大容器内居中是比较常见的布局实例之一,也是令新手们头疼的一个常见问题,希望通过这[详细]
-
JS仿淘宝固定悬浮工具栏,兼容性不错
所属栏目:[活动] 日期:2018-08-21 热度:83
JS仿淘宝固定悬浮工具栏,兼容性不错,我们经常在淘宝网看到这样的特效,商品列表特别长,而商品列名称始终保持在最顶端。如果你把滚动条滚动至最上边了,那么它会自动判断是否到顶端了,然后一直置顶从而不怕遮挡,其实明白了这种思路,你就能举一返三了[详细]
-
点击左侧图标弹出可关闭的DIV层jQuery版
所属栏目:[活动] 日期:2018-08-21 热度:140
点击左侧图标弹出可关闭的DIV层 jQuery 版,隐藏在左侧的弹性弹出菜单,从淘宝扣下来的,也可作为JAvaScript缓冲动画的典型教程。本弹性菜单可扩展性强,实际上不光可以做成菜单,也可布局一些图文混排的内容或一段视频,总之被弹出的内容是在一段Div内,[详细]
-
网站顶部滑出可关闭的DIV层提示,来自阿里联盟
所属栏目:[活动] 日期:2018-08-21 热度:138
淘宝联盟(原阿里妈妈)网站顶部滑动显示的DIV层提示效果,一般用于网站公告或广告,采用滑出的方式,一个经典的工具条代码,可以当作菜单来用,同时还有完善的功能,可以适时关闭工具条,整体效果设计美观,简洁漂亮。 查看演示: !DOCTYPE html PUBLIC -[详细]
-
CSS实现“三角形箭头”布局的一些实例代码
所属栏目:[活动] 日期:2018-08-21 热度:185
CSS实现三角形箭头布局的一些实例代码,我想搞CSS的朋友都知道这个吧?在几年前还必须用图片实现的东西,现在用CSS就搞定了,不得不羡慕作者对CSS的执着。不过这绝对是一个好用的CSS技巧,使用它可有效减少因使用图片给页面带来的影响,有效提升网页加载性[详细]
-
jQuery 鼠标点击后,层滑动并消失的切换效果
所属栏目:[活动] 日期:2018-08-21 热度:119
jQuery 鼠标点击后,Div层开始滑动并消失的切换效果,大家想想用它可以做成什么呢?我觉得现在流行的图片切换是不是就这样做的呢?只不过本演示为了加载速度快一点,用一些带填充背景色的Div层代替了图片,其实换作图片,它就是一款jQuery幻灯片切换了。[详细]
-
纯CSS无图实现阴影和小三角提示框代码
所属栏目:[活动] 日期:2018-08-19 热度:155
纯CSS无图实现阴影和小三角提示框代码,css模拟阴影和小三角,tip提示效果,用面向对象的思想去书写css,用面向对象的心态去书写css。那个提示的小三角是代码的亮点,也是核心,用纯CSS代码实现,模拟阴影的原理: 1、用一个层做背景层,背景颜色填充成阴影[详细]
-
一个网页层动画渐显效果,jquery实现
所属栏目:[活动] 日期:2018-08-19 热度:127
jquery实现的网页层动画效果,网页打开后加载 jQuery ,一个动画层展开,内容渐显出来。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。 点击查看:网页特效 运行演示: !DOCTYPE htmlhtml xmlns=http://[详细]
-
仿淘宝网产品列表的收起展开、隐藏显示代码
所属栏目:[活动] 日期:2018-08-19 热度:78
Java Script仿淘宝网产品列表的收起与展开,平时状态它是收缩起来的,也就是说不显示所有的内容,当用户需要看所有内容的时候可以点击展开的按钮,点击后所有内容显示出来,再次点击,则回到合拢状态,这是一个常用的网页效果。 示例: !DOCTYPE htmlhtml[详细]
-
Css+Div层的展开与收缩、折叠层菜单代码
所属栏目:[活动] 日期:2018-08-19 热度:183
Java Script配合CSS实现Div层的展开与收缩功能,代码经过了多次优化,现在兼容性方面做的也相当不错,对IE和火狐等主流浏览器的支持也是挺好的。 示例: htmlheadtitlediv展开收缩代码/titlestyle* { margin:0; padding:0;}body { text-align:center; font[详细]
-
延迟打开层,打开网页几秒后弹出可关闭的浮动层
所属栏目:[活动] 日期:2018-08-19 热度:159
延迟打开层,打开网页几秒后弹出可关闭的浮动层。在网页打开后的几秒内,弹出一个浮动层,像有些论坛,在打开后会弹出一个让注册的窗口,如果不想马上注册,可以关掉此窗口,本代码正是实现了打开窗口后1秒钟弹出一个浮动窗口,代码简洁易懂。 示例: !DOC[详细]
-
JS开幕效果,点击按钮层缓缓向上收起,直到消失
所属栏目:[活动] 日期:2018-08-19 热度:184
Java Script+Css完成的一个小特效,当我们点击按钮后,DIV层缓缓向上收起,就像电动卷闸门一样,一直到层消失,再刷新就又出来了,也有点像 电影院 的开幕式效果。 看一下演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://[详细]
-
仿QQ邮箱的弹出层代码,弹出确认框,可移动
所属栏目:[活动] 日期:2018-08-19 热度:144
仿 QQ邮箱 的弹出层代码,弹出确认框,可移动,主要是用火狐的firebug把html和css扣了下来,没有做封装,因此效果还不是太完整,您点击下边的运行就明白了,弹出层和弹出的确认框只能移动,还不能关闭,有时间和技术的朋友不妨完善一下,到时别忘记给烈火[详细]
-
一个简单的展开收缩、显示隐藏效果
所属栏目:[活动] 日期:2018-08-19 热度:147
一个简单的展开收缩、显示隐藏效果,使用JS实现的,其实就是折叠层的效果,点击展开内容,再点击就关闭隐藏了内容,在一些由于时间关系,没有经过太多美化,比较粗糙,如果您有时间可以美化一下! 示例: !doctype htmlhtmlheadmeta http-equiv=Content-Ty[详细]
-
jQuery 厂商列表显示隐藏切换代码
所属栏目:[活动] 日期:2018-08-19 热度:176
jquery 显隐切换代码,类似淘宝网的产品名称显示效果,默认状态下只显示一些大品牌厂商,当用户点击展开所有类别的时候,所有的厂商信息全部显示出来了,这样有许多好处,一来节省网页的加载时间,二来节省网页布局空间。学习 jQuery 的朋友,不要错过哦。[详细]
-
js烟花效果,用javascript编写的网页烟花
所属栏目:[活动] 日期:2018-08-17 热度:84
谈到网页特效,其实很多时候都是说的js,对于js相信大家都不陌生吧,如果您还不懂,请阅读由烈火提供的javascript手册,本文讲到的烟花效果就是利用了js编写而成,实例效果:先升空再扩散开,很酷,很过瘾,用做网页背景超不错,敬请收藏。 代码与演示: ![详细]
-
js烟花效果[二],同时燃放出多个漂亮花环
所属栏目:[活动] 日期:2018-08-17 热度:189
昨天烈火发布了使用js编写的烟花特效代码,今天再来看 Java Script放烟花的代码二,与第一种的区别在于烟花展开的样式不同,其实这个样式是可以调整的,我们只要了解相关网页知识就可以了,费话不多说了,一起来看看。 实例特效与代码: !DOCTYPE html PUB[详细]
-
js烟花效果[三],背景式以3D立体展现到渐渐消失
所属栏目:[活动] 日期:2018-08-17 热度:79
连续看了两款(烟花1、烟花2)js烟花特效,怎么样?网页制作有趣吧,您是一名站长吗?还是一个网页爱好者,如果您还只是网页菜鸟的话,建议您从网页学习转向网站运营,然后实现营利,请看烈火独家发表的文章《手把手教你从建站、SEO、推广到赚钱》,当然这[详细]
-
鼠标单击网页背景循环变暗变亮的效果代码
所属栏目:[活动] 日期:2018-08-17 热度:193
烈火今天给大家分享是点击网页背景循环变暗变亮的效果,相信大家都见到过这种效果,鼠标在屏幕上点击,屏幕会变暗,再次点击就会变亮,实际上,这种效果是配合Ajax操作的,一般情况下,变暗是说明不可操作,在当前页,肯定有高亮显示的项目。 我们来看一下[详细]
-
鼠标经过背景变色效果 利用CSS链接属性实现
所属栏目:[活动] 日期:2018-08-17 热度:80
本文介绍的是一款鼠标经过背景变色的CSS代码,其实我们很早就接触过的,原理就是超级链接的HOVER与VISITED。 我们经常上网的时候会见到,有些网站的某个部分,在鼠标放上后背景颜色会改变,移开后恢复,给人很不错的操作体验,那么这个效果是怎么用CSS来实[详细]
-
Javascript简短代码实现层拖动效果
所属栏目:[活动] 日期:2018-08-17 热度:138
Java script简短代码实现层拖动效果,函数本身仅用了287个字符,是不是够短呢?据作者称,如果不是为了考虑兼容性,还可以弄的更短一些,为了更好的使用,我看还是不要了吧。 示例: title尽可能短的写一个JS拖动/titlebodydiv id=demo style=width:100px;[详细]
