-
CSS实现“三角形箭头”布局的一些实例代码
所属栏目:[聚会] 日期:2018-09-03 热度:192
CSS实现三角形箭头布局的一些实例代码,我想搞CSS的朋友都知道这个吧?在几年前还必须用图片实现的东西,现在用CSS就搞定了,不得不羡慕作者对CSS的执着。不过这绝对是一个好用的CSS技巧,使用它可有效减少因使用图片给页面带来的影响,有效提升网页加载性[详细]
-
网站顶部滑出可关闭的DIV层提示,来自阿里联盟
所属栏目:[聚会] 日期:2018-09-03 热度:55
淘宝联盟(原阿里妈妈)网站顶部滑动显示的DIV层提示效果,一般用于网站公告或广告,采用滑出的方式,一个经典的工具条代码,可以当作菜单来用,同时还有完善的功能,可以适时关闭工具条,整体效果设计美观,简洁漂亮。 查看演示: !DOCTYPE html PUBLIC -[详细]
-
点击左侧图标弹出可关闭的DIV层jQuery版
所属栏目:[聚会] 日期:2018-09-03 热度:129
点击左侧图标弹出可关闭的DIV层 jQuery 版,隐藏在左侧的弹性弹出菜单,从淘宝扣下来的,也可作为JAvaScript缓冲动画的典型教程。本弹性菜单可扩展性强,实际上不光可以做成菜单,也可布局一些图文混排的内容或一段视频,总之被弹出的内容是在一段Div内,[详细]
-
JS仿淘宝固定悬浮工具栏,兼容性不错
所属栏目:[聚会] 日期:2018-09-03 热度:56
JS仿淘宝固定悬浮工具栏,兼容性不错,我们经常在淘宝网看到这样的特效,商品列表特别长,而商品列名称始终保持在最顶端。如果你把滚动条滚动至最上边了,那么它会自动判断是否到顶端了,然后一直置顶从而不怕遮挡,其实明白了这种思路,你就能举一返三了[详细]
-
CSS实现图片在DIV层纵向水平居中
所属栏目:[聚会] 日期:2018-09-03 热度:84
刚才烈火发表了图片在div中一个上下左右居中的代码,这是又一个CSS图片居中的方法,代码超简洁,兼容性貌似不错,在火狐和IE6/IE7/ IE8 /下都表现良好。CSS固定某元素在大容器内居中是比较常见的布局实例之一,也是令新手们头疼的一个常见问题,希望通过这[详细]
-
javascript 动态设置div层固定位置效果
所属栏目:[聚会] 日期:2018-09-03 热度:88
烈14火64网(LieHuo38.Net)网页特效教68程 动态设定一个固定层的位置,并不随滚动条的滚动而变化,可适时设定层的X/Y位置,当你拖动滚动条的时候,它并不会变化,一个参考例子吧,或许对你有用处。 实例效果: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0[详细]
-
基于CSS+dIV的网页层,点击后隐藏或显示
所属栏目:[聚会] 日期:2018-08-29 热度:156
一个基于CSS+dIV的网页层,用 Java Script结合Input按钮进行控制,点击后显示或隐藏,网页上常用到的特效之一,实用性较强,相信对大家的前端设计有帮助。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtm[详细]
-
鼠标指向文字链接弹出DIV层,离开文本层消失
所属栏目:[聚会] 日期:2018-08-29 热度:98
鼠标指向文字链接弹出DIV层效果,大家自己运行下边的代码就可以看到效果了,当鼠标离开文本链接时,层就消失了,一种比较普遍的特效,可能对于一般的站长来说不是太实用,但是对于提高用户体验、增强网站的性能还是不错的,欢迎借鉴学习。 烈火代码演示:[详细]
-
点击按钮Alert弹出遮罩层效果的提示框代码
所属栏目:[聚会] 日期:2018-08-29 热度:150
点击按钮Alert弹出遮罩层效果的提示框代码,改善优化的Alert弹出提示效果,类似于新浪邮箱的提示效果。比较独立。在wenming版主的帮助下,已解决了高度不能适应的BUG。使用方法很简单,在需要弹出提示的页面调用即可,示例中有方法。 示例: !DOCTYPE html[详细]
-
网页右下角固定位置的Js悬浮窗口代码
所属栏目:[聚会] 日期:2018-08-29 热度:115
Js实现网页右下角固定位置的悬浮窗口代码,为了便于查看效果,测试时用随机函数产生一定的内容,与浮动窗口的控制无关,不想用可以去掉。代码内有注释。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1[详细]
-
Css 相对定位网页框架代码,滚动时不闪烁
所属栏目:[聚会] 日期:2018-08-29 热度:151
Css 相对定位网页框架代码,滚动时不闪烁。一个大家值得关注的CSS基本但实用的常识技巧,模拟position:fixed效果的原理,因为在有些浏览器比如IE6下,经常听到有朋友说相对定位效果并不更想,容易产生闪烁,其实是方法或思路没有明淅,不信你瞧本代码。 示[详细]
-
QQ在线客服悬浮窗,点击展开的网页代码
所属栏目:[聚会] 日期:2018-08-29 热度:98
QQ在线客服悬浮窗,点击展开的网页代码,其实就是QQ在线客服一样,平时会隐藏在网页的右侧,当需要时把鼠标移过去,它就自动展开了,在移走,又恢复了,实用的效果,可以用来制作在线客服。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transition[详细]
-
网页点击按钮弹出遮罩层,拖动和关闭效果
所属栏目:[聚会] 日期:2018-08-29 热度:194
基于 Java Script的网页弹出层,鼠标按在弹出层的标题栏处,可以拖动该浮动层随意移动位置,不需要时也可以关闭,操作体验舒服,兼容性好,IE/火狐等众多浏览器下运行稳定、反应快速。代码表现方面,简洁务实,不玩虚的,拿去学习也相当不错。 示例: !DOC[详细]
-
Js实现Dialog浮动窗口,可拖动关闭和动态创建
所属栏目:[聚会] 日期:2018-08-29 热度:97
Js实现Dialog浮动窗口,可拖动关闭和动态创建,蓝色经典风格,可以创建一个新层,可设置弹出层的标题和内容,用它可实现一个登录框,或用在后台管理中。 示例: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type co[详细]
-
JavaScript简单的拖放层,兼容Firefox浏览器
所属栏目:[聚会] 日期:2018-08-29 热度:59
Java Script简单的拖放层,兼容 Firefox 浏览器,鼠标按住蓝框可实现拖动。稍加修改,甚至不用修改就能用了,使用时候自己动手美化一些,还是较不错的,也适合个人学习JavaScript。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN h[详细]
-
始终在网页顶部的导航条,仿天涯顶部固定层菜单
所属栏目:[聚会] 日期:2018-08-29 热度:174
始终在网页顶部的导航条,仿天涯顶部固定层菜单,大家在多玩、天涯等一些网站都看到过吧,以前烈火网就介绍了多玩的顶部固定菜单,还介绍了仿淘宝网的固定层,性质是一样的,不论你怎么拖动滚动条,始终显示在网页的最顶部,不随网页滚动条的滚动而滚动,[详细]
-
CSS滤镜设定网页背景的渐变的特效代码
所属栏目:[聚会] 日期:2018-08-18 热度:169
CSS滤镜设定网页背景的渐变的特效代码,比起用图片平铺实现渐变背景,本方法更有利于网页加载,而且兼容性也不错,值得参考借鉴。 特效演示: htmlheadtitle设定背景的渐变效果/titlestyle type=text/css!--body{filter:progid:DXImageTransform.Microsoft.[详细]
-
CSS背景提示框,根据cookie只显示一次代码
所属栏目:[聚会] 日期:2018-08-18 热度:174
运用 Java Script的cookie技术,控制网页上的提示DIV只显示一次,也就是当用户是第一次打开网页的时候才显示,第二次自动隐藏起来,很好的提升了用户体验,不会使用户烦感;利用Cookies,我们还可做超多的事情,慢慢体会吧。 代码演示: !DOCTYPE html PUB[详细]
-
仿Gmail纯css,圆角,渐变背景,自适应按钮
所属栏目:[聚会] 日期:2018-08-18 热度:107
仿Gmail纯css,圆角,渐变背景,自适应按钮 gmail风格button的优点: 文字自适应,高度自适应 无图片,减少request请求数 可维护性好,后期只需修改css 扩展性好,可以非常便捷的做出各种颜色按钮 依据gmail的制作思想(请参考Gmail button样式原作者Douglas Bowman[详细]
-
逼真的网页倒计时效果,js结合背景图片实现
所属栏目:[聚会] 日期:2018-08-18 热度:100
烈78火77网(LieHuo85.Net)网页特效教程,前几天烈火给大家推荐了一个网购倒计时的文章,不知道大家是否记得,本文我们再来阅读一个逼真的Js图片倒计时,显示剩余小时、分钟、秒数。仅用了一张图片就搞定了,与纯网页版的不太一样哦。现在用图片模拟LED的效[详细]
-
JS点击展开层代码,指定层高度和自适应像素
所属栏目:[聚会] 日期:2018-08-18 热度:108
JS点击展开层代码,指定层高度和自适应像素。 运动 缓冲效果,单击后 根据展开的高度根据内容而变.参数说明: obj,[object] id值或对象. 必需 h,[height] 展开后的高度. 可选(默认为200px) s,[speed] 展开速度,值越小展开速度越慢. 可选(默认为1.2){建议取值[详细]
-
JS+CSS始终在右下角显示的层,兼容IE6浏览器
所属栏目:[聚会] 日期:2018-08-17 热度:116
JS+CSS始终在右下角显示的层,兼容IE6浏览器。即使您不懂CSS和JS也能看懂,在JS代码部分的第一行,我们就可以看到var isie6,也就是说如果是IE6浏览器,并设定a和b两个值,并赋予他们距右和距下都是0的样式,这样就可以一直在右下角了,不多说了,大家自己[详细]
-
Css水平垂直居中,Css自适应上下左右居中代码
所属栏目:[聚会] 日期:2018-08-17 热度:87
早在烈火网2009年的教程中,我们就曾经发表过《网页水平垂直居中在不同分辨率的实现方法》,还有后来提到的实例横向分栏水平居中代码,关于CSS居中水平居中、垂直居中的例子还有很多,大家可以使用站内搜索查询一下。 今天我们再来看一个Css实现自适应上下[详细]
-
多级人物关系图代码,基于jQuery渐显效果
所属栏目:[聚会] 日期:2018-08-17 热度:161
多级人物关系图代码,基于 jQuery 渐显效果,一些娱乐网站经常可以看到这样的效果,但大多数是由flash制作的,在本例中,作者使用了jQuery插件,充分发挥了jQuery的强大功能,效果非常不错。setQuestPose:function中的n代表共几个对象 r代表周长 i代表第几[详细]
-
CSS竖向排列的布局代码,自动换行效果
所属栏目:[聚会] 日期:2018-08-17 热度:121
CSS竖向排列的布局代码,自动换行效果,好比电脑桌面的图标一样,自动竖着排列,排满一列后重新进行下一列排序。方法有很多,有人用JS,有人用CSS,不管什么样的方法,简单、兼容就是好代码,本代码仅供参考。 示例: !DOCTYPE htmlhtmlheadstyle#mainBox{b[详细]