-
Css 相对定位网页框架代码,滚动时不闪烁
所属栏目:[活动] 日期:2018-10-04 热度:152
Css 相对定位网页框架代码,滚动时不闪烁。一个大家值得关注的CSS基本但实用的常识技巧,模拟position:fixed效果的原理,因为在有些浏览器比如IE6下,经常听到有朋友说相对定位效果并不更想,容易产生闪烁,其实是方法或思路没有明淅,不信你瞧本代码。 示[详细]
-
网页右下角固定位置的Js悬浮窗口代码
所属栏目:[活动] 日期:2018-10-04 热度:68
Js实现网页右下角固定位置的悬浮窗口代码,为了便于查看效果,测试时用随机函数产生一定的内容,与浮动窗口的控制无关,不想用可以去掉。代码内有注释。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1[详细]
-
点击按钮Alert弹出遮罩层效果的提示框代码
所属栏目:[活动] 日期:2018-10-04 热度:85
点击按钮Alert弹出遮罩层效果的提示框代码,改善优化的Alert弹出提示效果,类似于新浪邮箱的提示效果。比较独立。在wenming版主的帮助下,已解决了高度不能适应的BUG。使用方法很简单,在需要弹出提示的页面调用即可,示例中有方法。 示例: !DOCTYPE html[详细]
-
鼠标指向文字链接弹出DIV层,离开文本层消失
所属栏目:[活动] 日期:2018-10-04 热度:137
鼠标指向文字链接弹出DIV层效果,大家自己运行下边的代码就可以看到效果了,当鼠标离开文本链接时,层就消失了,一种比较普遍的特效,可能对于一般的站长来说不是太实用,但是对于提高用户体验、增强网站的性能还是不错的,欢迎借鉴学习。 烈火代码演示:[详细]
-
基于CSS+dIV的网页层,点击后隐藏或显示
所属栏目:[活动] 日期:2018-10-04 热度:167
一个基于CSS+dIV的网页层,用 Java Script结合Input按钮进行控制,点击后显示或隐藏,网页上常用到的特效之一,实用性较强,相信对大家的前端设计有帮助。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtm[详细]
-
内容收起、展开的JS代码,下载站软件介绍可用
所属栏目:[活动] 日期:2018-10-04 热度:149
内容收起、展开的JS代码!这也是当下一款比较流行的网页特效了,我们经常在一些下载站的软件介绍看到,某些软件介绍文字太多,所以只显示了部分内容,我们只要点击展开更多内容,就可以看到了!当然,本例中的效果还不是太完善,需要您来修改一下才能用于[详细]
-
JS动态弹出层,鼠标点击网页弹出层代码
所属栏目:[活动] 日期:2018-10-04 热度:177
JS动态弹出层,鼠标点击网页弹出层代码,带有动画效果的网页浮动层效果,弹出一个可以确认的浮动框,点击后消失,带动画效果。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional[详细]
-
渐变的背景颜色,貌似不兼容IE8浏览器
所属栏目:[活动] 日期:2018-09-14 热度:68
渐变的背景颜色,貌似不兼容 IE8 浏览器,屏幕变色程序,渐变的背景颜色。在CBgColor()函数内,在颜色变白(color=0xffffff)之前,不断将颜色值增加,就会生成网页的背景色,这里要注意,步长按位左移8位(乘以256)来计算,如果步长过大则应该将其恢复到1。[详细]
-
JS实现鼠标经过不同链接显示不同背景颜色
所属栏目:[活动] 日期:2018-09-14 热度:145
JS实现鼠标经过不同链接显示不同背景颜色。用链接改变网页的背景颜色,鼠标只要放在链接上面,网页的背景色即变换,代码中,使用 Java Script的document.bgColor方法通过设定bgcolor属性来改变背景色为指定地颜色。至于需要变成什么颜色,这个由您来决定,[详细]
-
跟随鼠标的动态光环,围绕鼠标形成星星形状
所属栏目:[活动] 日期:2018-09-14 热度:59
跟随鼠标的动态光环,当鼠标停止后逐渐围绕鼠标形成一个大的星星,许多跟随鼠标移动的小星星组成一定的图案,十分漂亮,主要是运用JS技术实现的鼠标特效,DIV+CSS布局,符合WEB标准。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN[详细]
-
又一款跟随鼠标效果,光标指针下的“方块”
所属栏目:[活动] 日期:2018-09-14 热度:64
又一款跟随鼠标效果,光标指针下的方块,鼠标移到哪里,方块就跟到哪里,运用DIV+CSS技术实现,兼容多种主流浏览器。代码分享给大家供参考。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1[详细]
-
CSS布局示例教程:自适应高度的代码
所属栏目:[活动] 日期:2018-09-14 热度:77
CSS布局示例教程:自适应高度的代码。两垂直Div,下边高度自适应,不管下边的内容有多少,此Div始终会自动适应外框的高度,CSS自适应的一个典型实例,在经典论坛转载的,曾经有不少人讨论实现方法,此为最简洁但效果最好的一种。 演示: htmlheadtitleCSS[详细]
-
jQuery合成事件toggle,收缩折叠的提示层代码
所属栏目:[活动] 日期:2018-09-14 热度:78
jQuery 合成事件toggle,收缩折叠的提示层代码。点击后触发事件,并为特定Div加色,Toggle事件应用广泛,前端设计开发必备的常用技巧,本特效代码可作为其典型的参考实例分享给朋友们。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问[详细]
-
jQuery滑过展开层效果:关于hover的合成事件
所属栏目:[活动] 日期:2018-09-14 热度:103
刚刚介绍了 jQuery 点击展开层效果,再来介绍一款与之几乎完全一样的效果,唯一不同的是:本文是jQuery滑过展开层效果,而不是点击它!这是关于hover的合成事件,jQuery滑过展开层效果:关于hover的合成事件。 为解决一些网页特效运行后不能显示效果(例如[详细]
-
JS实现层上下部分可拖动,仿Windows垂直调整代码
所属栏目:[活动] 日期:2018-09-14 热度:72
JS实现层上下部分可拖动,仿Windows垂直调整代码。非常经典的Windows窗口效果,但是您估计没有在网页上看到过,兼容性非常好。在IE或火狐以及 Chrome 等浏览器都能正常运行。 操作方法:上下拖动红条改变显示区域高度,往上则全部显示下部的内容,往下拖则[详细]
-
JS仿Windows左右调整,左右拖动改变层大小
所属栏目:[活动] 日期:2018-09-14 热度:126
刚刚见识了网页中仿Windows的垂直调整效果,再来瞧瞧左右调整,这是一款可拖动的内容显示区,左右拖动红条改变显示区域宽度大小,往左拖则全部显示右侧内容,往右拖则全部显示左则内容,类似QQ的聊天窗口一样,可以向上或向下拖动大小,以适合使用者的要求[详细]
-
自适应宽度的网页TAB选项卡、滑动门的雏形
所属栏目:[活动] 日期:2018-09-05 热度:190
这是一款自适应宽度的网页TAB选项卡、滑动门的雏形代码,可以自适应网页宽度的TAB导航栏,只是一个样式,没有加入JS动作,因此还不能作为真正的Tab来使用,主要是给CSS新手一个布局方法的参考,觉得不好的就不要看了。 演示: !DOCTYPE html PUBLIC -//W3C[详细]
-
代码简洁的模态窗口,可拖动、拽的层代码
所属栏目:[活动] 日期:2018-08-29 热度:194
烈98火59网(LieHuo32.Net)教63程 本文给大家介绍的是:代码简洁的模态窗口,可拖动、拽的层代码。 支持多浏览器,代码很少。不过操作体验还是不错的,经测试,IE6/7,FF, Opera 9, Safari 等众多浏览器都兼容,运行无错,奉献给大家。 演示: !DOCTYPE html[详细]
-
点击后弹出遮罩层,居中显示,兼容火狐浏览器
所属栏目:[活动] 日期:2018-08-29 热度:86
点击后弹出遮罩层,居中显示,兼容 火狐浏览器 。网页上已经有很多类似的代码了,使用挺广泛的,代码先判断浏览器的版本,ie6创建的div样式和非ie6创建的div样式在解析时有点区别,为了兼容性考虑,才加了判断。 经过烈火小编测试,可以完美兼容IE系列及火[详细]
-
CSS完成未知宽高的图片水平、垂直居中代码
所属栏目:[活动] 日期:2018-08-29 热度:160
使用纯CSS完成未知宽高的图片水平、垂直居中效果,兼容性非常不错的代码,烈火小编测试了 IE8 及火狐,都可以正常使用,在Div区块内,图片是未知宽高。不论使用何种尺寸的图片,它都会居中于DIV中,虽然代码有点多,但是兼容性方面做的挺好。 演示代码: ![详细]
-
碎片新闻布局的效果,Css代码实现
所属栏目:[活动] 日期:2018-08-29 热度:119
碎片新闻布局的CSS实现,碎片新闻布局可能有些朋友还不太明白,意思就是说,不是很整齐的新闻列表,有的长、有的短,组成整体的一个区域,在各大门户网站的首页,几乎都能看到这种布局的效果,它的好处是可有效利用网页空间,门户网站首页的每一个地方都是[详细]
-
外框自适应内容高度的CSS实例代码
所属栏目:[活动] 日期:2018-08-29 热度:54
外框自适应内容高度的CSS实例代码,曾经被这个问题搞的焦头烂额,后来到网上求助才解决,只加了一个清除浮动就解决了,从此对清除浮动不敢低看了,呵呵。就是这句:overflow:hidden; zoom:1;以后可以注意了呢。 演示代码: !DOCTYPE html PUBLIC -//W3C//D[详细]
-
CSS重叠元素、层交互的定位与实现代码
所属栏目:[活动] 日期:2018-08-29 热度:109
CSS重叠元素、层交互的定位与实现代码,三者交叉重叠,绝对定位的实现,我们通过这个例子,可以看到代码并不复杂,但是可以感受到css的灵活性,与早期的表格式网页相比,css更能设计出新颖的布局,如果您还没熟悉css,请参照烈火网提供的css手册。 演示:[详细]
-
CSS图文混排,Div左图右文的布局代码
所属栏目:[活动] 日期:2018-08-29 热度:95
CSS常用布局之,左图右文,文字可自动适应图片的大小,以前给大家发过,不过看了一下代码,有些不一样,所以再把这个发上来,也算是学习CSS了吧。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/x[详细]
-
纯CSS带箭头阴影的提示框代码,不兼容IE
所属栏目:[活动] 日期:2018-08-29 热度:52
纯CSS实现带箭头阴影的提示框,代码在 IE浏览器 下不兼容,实现的效果为方形!但是在火狐、 Chrome 浏览器等下都可以正常使用,有高手的话请指点一下是哪里的原因,顺便也给烈火反馈一下哦。 演示: !doctype htmlhtmlheadtitle带箭头阴影的提示框/titlest[详细]
