-
Js控制DIV高度,兼容FireFox浏览器
所属栏目:[聚会] 日期:2018-08-23 热度:73
Java script控制DIV高度,兼容FireFox浏览器、且IE6、7、8、chrome均测试通过,感谢帮我解决问题的朋友。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http:[详细]
-
仿迅雷综艺排行榜带数字的列表样式布局
所属栏目:[聚会] 日期:2018-08-23 热度:141
仿迅雷综艺排行榜带数字的列表样式布局,本例特色:特色一:前面的数据字1到10的背景全部是用css来制作的,特色二:时间紧跟在标题之后,且当题过长时自动隐藏,但时间完全显示出来,不会被截断;特色三:本例完全兼容IE和 Firefox 。如果要让后面时间右对齐[详细]
-
可拖动、关闭、缩放和最小化的JS窗口代码
所属栏目:[聚会] 日期:2018-08-23 热度:73
可缩放、可拖动,可关闭或最小化的JS窗口,另有弹出窗口,仿Windows的窗口效果,很不错的代码,平时大家会用到的,作为学习的参考资料也是有价值的。 演示: title可缩放、拖动,关闭或最小化的JS窗口/titlestyle type=text/css.divWindow{word-wrap:break[详细]
-
CSS解决div总是被select遮挡问题的实例
所属栏目:[聚会] 日期:2018-08-23 热度:181
CSS解决div总是被select遮挡问题的实例,只要在层里面加上IFRAME代码就可以了,看了以后就会明白,其实是很简单的。如果您对CSS的理解还不够,欢迎阅读烈火学院提供的CSS中文手册。 演示: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta[详细]
-
Js模拟Win窗口,可拖动、改变大
所属栏目:[聚会] 日期:2018-08-23 热度:186
Js模拟Win窗口,可拖动、改变大[详细]
-
CSS布局实例:头部和左右两列的常规代码
所属栏目:[聚会] 日期:2018-08-23 热度:125
一款CSS布局的实例,等高的两个左右Div,很多时候,我们都需要两列等高,那怕其中一个是自适应高度呢。如例子所示,只要你按代码的方法去做了,不管有多少列,它都会以左边列为标准,自动适应高度,而且在兼容性方面,似乎做的也不错的。 示例: !DOCTYPE[详细]
-
jQuery 厂商列表显示隐藏切换代码
所属栏目:[聚会] 日期:2018-08-23 热度:188
jquery 显隐切换代码,类似淘宝网的产品名称显示效果,默认状态下只显示一些大品牌厂商,当用户点击展开所有类别的时候,所有的厂商信息全部显示出来了,这样有许多好处,一来节省网页的加载时间,二来节省网页布局空间。学习 jQuery 的朋友,不要错过哦。[详细]
-
跟随滚动条的网页浮动层,xScrollStick代码
所属栏目:[聚会] 日期:2018-08-16 热度:196
跟随滚动条的网页浮动层,xScrollStick代码,滚动条滚动而元素相对屏幕位置不变 网上有很多类似的效果,本代码比较起来有如下优点: 1. 兼容IE6.0+ FF1.5+ 2. 使用非常简单,属于菜鸟最爱的那种拿来就能用的,见下面说明 3. 元素之间不会起冲突,一页中可[详细]
-
简单几行代码实现的层拖动、拖放、拖拽效果
所属栏目:[聚会] 日期:2018-08-16 热度:103
简单几行代码实现的层拖动、拖放、拖拽效果,几乎兼容所有的浏览器,无调用外部JS插件,完全 Java Script代码实现,兼容IE/ Firefox / Chrome 等内核的浏览器,分享给前端开发者参考。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=[详细]
-
CSS实现两个层互相显示,层在层之上的效果
所属栏目:[聚会] 日期:2018-08-16 热度:123
CSS实现两个层互相显示,层在层之上的效果。也叫重叠层,互想不影响,曾经调试了不少次,最关键的是CSS定位的问题。也算是给CSS前端开发者提供一个定位的参考例子吧。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=text/html; chars[详细]
-
CSS完美的文字垂直居中代码
所属栏目:[聚会] 日期:2018-08-16 热度:86
一款CSS完美的文字垂直居中代码,来自国外的网页爱好者网站,大家可能遇到过这样的问题,就是文字在层内垂直居中对齐,Word的表格中就有这种功能,并且实现了响应鼠标变化层背景的特效。 实例: !DOCTYPE HTMLhtmlheadmeta meta charset=gbktitleCSS垂直居[详细]
-
js实现层上下左右伸展与收缩的动画效果
所属栏目:[聚会] 日期:2018-08-16 热度:97
js实现层上下左右伸展与收缩的动画效果。作者:DK,实例名称:Animate动画效果,其中包括了一个通用动画类。它包含一些常用的动画效果,例如显示隐藏,展开关闭等等,同样它也包含一个通用的动画函数,让你可以自己定义个性化的动画效果。 动画演示: !DOC[详细]
-
点击图片弹出遮罩效果的提示层,带关闭按钮
所属栏目:[聚会] 日期:2018-08-16 热度:177
点击图片弹出提示层效果,并且弹出后的层是上下左右居中显示的,这里引用了 jQuery 插件。本代码来自某游戏网站,其原用途是游戏开区提示公告,当然大家也可以把这个效果用在自己实现的地方。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷[详细]
-
jQuery点击展开层,动态下拉效果,鼠标离开收缩
所属栏目:[聚会] 日期:2018-08-16 热度:99
jQuery 点击展开层,动态下拉效果,鼠标离开收缩。小编认为自己写的标题还是非常明白的,不像某些源码网站写的标题与源代码不相符,这样耽误了大家的时间。不废话了,进入正题。 这是一款基于jQuery完成的动态折叠层效果,好像有点像选项卡的感觉,当我们[详细]
-
jQuery随网页滚动的层,在线客服代码雏形
所属栏目:[聚会] 日期:2018-08-16 热度:89
随手写的一个比较简单的 jQuery 随网页滚动的层代码,可以有很多用途,例如最常见的就是在线客服代码,当然这里只是一个雏形,您需要美化修改后才可以使用。代码还实现了向下滚动时的像素实时显示。 为解决一些网页特效运行后不能显示效果(例如:jQuery则[详细]
-
jQuery实现鼠标点击打开层,文字展开效果
所属栏目:[聚会] 日期:2018-08-16 热度:136
任何事物都有其类似的东西,网页特效代码也是如此,就在前几天烈火小编刚给大家介绍了《jQuery实现鼠标滑过打开层,文字展开效果》,说的是鼠标滑过文字或链接时,展开一个层,这样的效果是鼠标自动触发展开的,有些朋友肯定需要点击才展开的效果,今天就[详细]
-
点击出现弹性、可拖拽的遮罩层,动态关闭层效果
所属栏目:[聚会] 日期:2018-08-16 热度:184
点击按钮显示带弹性、可拖拽的遮罩层,点击右上角的关闭按钮,动态向上消失效果,这是基于 jQuery 写的一个弹出层的类,作者将一些参数提另写出来,例如:拖拽、关闭按钮、层的透明度、回弹的速度和回弹的次数等,非常不错的特效。 为解决一些网页特效运行[详细]
-
JS仿Windows左右调整,左右拖动改变层大小
所属栏目:[聚会] 日期:2018-08-13 热度:124
刚刚见识了网页中仿Windows的垂直调整效果,再来瞧瞧左右调整,这是一款可拖动的内容显示区,左右拖动红条改变显示区域宽度大小,往左拖则全部显示右侧内容,往右拖则全部显示左则内容,类似QQ的聊天窗口一样,可以向上或向下拖动大小,以适合使用者的要求[详细]
-
JS实现层上下部分可拖动,仿Windows垂直调整代码
所属栏目:[聚会] 日期:2018-08-13 热度:93
JS实现层上下部分可拖动,仿Windows垂直调整代码。非常经典的Windows窗口效果,但是您估计没有在网页上看到过,兼容性非常好。在IE或火狐以及 Chrome 等浏览器都能正常运行。 操作方法:上下拖动红条改变显示区域高度,往上则全部显示下部的内容,往下拖则[详细]
-
jQuery滑过展开层效果:关于hover的合成事件
所属栏目:[聚会] 日期:2018-08-13 热度:92
刚刚介绍了 jQuery 点击展开层效果,再来介绍一款与之几乎完全一样的效果,唯一不同的是:本文是jQuery滑过展开层效果,而不是点击它!这是关于hover的合成事件,jQuery滑过展开层效果:关于hover的合成事件。 为解决一些网页特效运行后不能显示效果(例如[详细]
-
jQuery合成事件toggle,收缩折叠的提示层代码
所属栏目:[聚会] 日期:2018-08-13 热度:101
jQuery 合成事件toggle,收缩折叠的提示层代码。点击后触发事件,并为特定Div加色,Toggle事件应用广泛,前端设计开发必备的常用技巧,本特效代码可作为其典型的参考实例分享给朋友们。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问[详细]
-
CSS布局示例教程:自适应高度的代码
所属栏目:[聚会] 日期:2018-08-13 热度:141
CSS布局示例教程:自适应高度的代码。两垂直Div,下边高度自适应,不管下边的内容有多少,此Div始终会自动适应外框的高度,CSS自适应的一个典型实例,在经典论坛转载的,曾经有不少人讨论实现方法,此为最简洁但效果最好的一种。 演示: htmlheadtitleCSS[详细]
-
又一款跟随鼠标效果,光标指针下的“方块”
所属栏目:[聚会] 日期:2018-08-13 热度:62
又一款跟随鼠标效果,光标指针下的方块,鼠标移到哪里,方块就跟到哪里,运用DIV+CSS技术实现,兼容多种主流浏览器。代码分享给大家供参考。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1[详细]
-
跟随鼠标的动态光环,围绕鼠标形成星星形状
所属栏目:[聚会] 日期:2018-08-13 热度:79
跟随鼠标的动态光环,当鼠标停止后逐渐围绕鼠标形成一个大的星星,许多跟随鼠标移动的小星星组成一定的图案,十分漂亮,主要是运用JS技术实现的鼠标特效,DIV+CSS布局,符合WEB标准。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN[详细]
-
JS实现鼠标经过不同链接显示不同背景颜色
所属栏目:[聚会] 日期:2018-08-13 热度:188
JS实现鼠标经过不同链接显示不同背景颜色。用链接改变网页的背景颜色,鼠标只要放在链接上面,网页的背景色即变换,代码中,使用 Java Script的document.bgColor方法通过设定bgcolor属性来改变背景色为指定地颜色。至于需要变成什么颜色,这个由您来决定,[详细]
