-
仿淘宝网产品列表的收起展开、隐藏显示代码
所属栏目:[活动] 日期:2018-08-20 热度:166
Java Script仿淘宝网产品列表的收起与展开,平时状态它是收缩起来的,也就是说不显示所有的内容,当用户需要看所有内容的时候可以点击展开的按钮,点击后所有内容显示出来,再次点击,则回到合拢状态,这是一个常用的网页效果。 示例: !DOCTYPE htmlhtml[详细]
-
Css+Div层的展开与收缩、折叠层菜单代码
所属栏目:[活动] 日期:2018-08-20 热度:173
Java Script配合CSS实现Div层的展开与收缩功能,代码经过了多次优化,现在兼容性方面做的也相当不错,对IE和火狐等主流浏览器的支持也是挺好的。 示例: htmlheadtitlediv展开收缩代码/titlestyle* { margin:0; padding:0;}body { text-align:center; font[详细]
-
延迟打开层,打开网页几秒后弹出可关闭的浮动层
所属栏目:[活动] 日期:2018-08-20 热度:115
延迟打开层,打开网页几秒后弹出可关闭的浮动层。在网页打开后的几秒内,弹出一个浮动层,像有些论坛,在打开后会弹出一个让注册的窗口,如果不想马上注册,可以关掉此窗口,本代码正是实现了打开窗口后1秒钟弹出一个浮动窗口,代码简洁易懂。 示例: !DOC[详细]
-
JS开幕效果,点击按钮层缓缓向上收起,直到消失
所属栏目:[活动] 日期:2018-08-20 热度:160
Java Script+Css完成的一个小特效,当我们点击按钮后,DIV层缓缓向上收起,就像电动卷闸门一样,一直到层消失,再刷新就又出来了,也有点像 电影院 的开幕式效果。 看一下演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://[详细]
-
仿QQ邮箱的弹出层代码,弹出确认框,可移动
所属栏目:[活动] 日期:2018-08-20 热度:161
仿 QQ邮箱 的弹出层代码,弹出确认框,可移动,主要是用火狐的firebug把html和css扣了下来,没有做封装,因此效果还不是太完整,您点击下边的运行就明白了,弹出层和弹出的确认框只能移动,还不能关闭,有时间和技术的朋友不妨完善一下,到时别忘记给烈火[详细]
-
一个简单的展开收缩、显示隐藏效果
所属栏目:[活动] 日期:2018-08-20 热度:99
一个简单的展开收缩、显示隐藏效果,使用JS实现的,其实就是折叠层的效果,点击展开内容,再点击就关闭隐藏了内容,在一些由于时间关系,没有经过太多美化,比较粗糙,如果您有时间可以美化一下! 示例: !doctype htmlhtmlheadmeta http-equiv=Content-Ty[详细]
-
jQuery 厂商列表显示隐藏切换代码
所属栏目:[活动] 日期:2018-08-20 热度:68
jquery 显隐切换代码,类似淘宝网的产品名称显示效果,默认状态下只显示一些大品牌厂商,当用户点击展开所有类别的时候,所有的厂商信息全部显示出来了,这样有许多好处,一来节省网页的加载时间,二来节省网页布局空间。学习 jQuery 的朋友,不要错过哦。[详细]
-
CSS布局实例:头部和左右两列的常规代码
所属栏目:[活动] 日期:2018-08-20 热度:98
一款CSS布局的实例,等高的两个左右Div,很多时候,我们都需要两列等高,那怕其中一个是自适应高度呢。如例子所示,只要你按代码的方法去做了,不管有多少列,它都会以左边列为标准,自动适应高度,而且在兼容性方面,似乎做的也不错的。 示例: !DOCTYPE[详细]
-
Js模拟Win窗口,可拖动、改变大
所属栏目:[活动] 日期:2018-08-20 热度:146
Js模拟Win窗口,可拖动、改变大[详细]
-
JS+CSS点击登陆按钮遮罩弹出登陆框代码
所属栏目:[活动] 日期:2018-08-18 热度:164
前几天,烈火网小编给大家推荐了几款关于遮罩层登陆框的效果,是基于 jQuery 实现的,鉴于有的站点还没有引入jquery框架,因此再给大家推荐一款使用 Java script实现的遮罩效果登陆框,其实这种效果是很常见的,在许多互动的社区及其它的一些地方,弹出框[详细]
-
点击弹出遮罩层,JavaScript弹出可关闭的对话框
所属栏目:[活动] 日期:2018-08-18 热度:74
一种带渐变的点击弹出遮罩层, Java Script弹出可关闭的对话框,可以设置弹出窗口的宽度、高度、边框颜色、标题颜色、标题高度、浏览器工作区域内页面宽度、定义div属性等,背景层(大小与窗口有效区域相同,即当弹出对话框时,背景显示为放射状透明灰色),[详细]
-
JavaScript简单的点击按钮弹出层,可以关闭
所属栏目:[活动] 日期:2018-08-18 热度:85
Java Script简单的点击按钮弹出层,可以关闭!也就是弹出框,在网页中应用广泛,时间关系,没有进行太多的美化,但是在代码内含有注释,方便大家参考和使用。 示例: htmlheadtitle点击按钮,弹出一个层/titlescriptvar docEle = function() {return docum[详细]
-
jQuery点击后弹出可关闭遮罩层,适于网站公告
所属栏目:[活动] 日期:2018-08-18 热度:94
jQuery 点击后弹出一个可关闭的遮罩层效果,适于网站公告!现在这种效果已经很流行了,作为js中的优秀框架,jQuery给很多网站带来了优秀的网站体验,如果您的网站也想加入更多的jQuery特效,不妨先引入jQuery框架。 为解决一些网页特效运行后不能显示效果[详细]
-
JavaScript动态弹出层,点击缓缓关闭效果
所属栏目:[活动] 日期:2018-08-18 热度:166
Java Script动态弹出层,点击缓缓关闭效果。 调用方式:onclick=ChuangJianDIV('要弹出的组建ID','弹出DIV的宽','弹出DIV的高','遮蔽div的透明度','弹出div的速度','遮蔽div的背景色','弹出div的背景色'); 如:onclick=ChuangJianDIV('divID','500','300',[详细]
-
简单实现点击按钮弹出遮罩层,兼容火狐浏览器
所属栏目:[活动] 日期:2018-08-18 热度:166
简单实现点击按钮弹出遮罩层,兼容 火狐浏览器 。在火狐、IE6、7下都是可以拖动的,但是在 IE8 下有点小问题,不能拖动,也希望高手们帮忙修正,初次写弹出层,分享给大家。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://w[详细]
-
JS弹出层插件代码,自定义大小,双击关闭
所属栏目:[活动] 日期:2018-08-18 热度:168
JS弹出层插件代码,自定义大小,双击关闭。可以理解为这是一个JS类,因为其自定义大小可以函数的形式调用,在例子中,作者分别写了弹出500,300、500,500等大小的窗口,点击后动态弹出窗口后,在弹出窗口内双击鼠标即可关闭。 示例: !DOCTYPE htmlhtmlhead[详细]
-
CSS竖向排列的布局代码,自动换行效果
所属栏目:[活动] 日期:2018-08-18 热度:108
CSS竖向排列的布局代码,自动换行效果,好比电脑桌面的图标一样,自动竖着排列,排满一列后重新进行下一列排序。方法有很多,有人用JS,有人用CSS,不管什么样的方法,简单、兼容就是好代码,本代码仅供参考。 示例: !DOCTYPE htmlhtmlheadstyle#mainBox{b[详细]
-
多级人物关系图代码,基于jQuery渐显效果
所属栏目:[活动] 日期:2018-08-18 热度:66
多级人物关系图代码,基于 jQuery 渐显效果,一些娱乐网站经常可以看到这样的效果,但大多数是由flash制作的,在本例中,作者使用了jQuery插件,充分发挥了jQuery的强大功能,效果非常不错。setQuestPose:function中的n代表共几个对象 r代表周长 i代表第几[详细]
-
点击链接居中弹出层代码,网页可关闭的层效果
所属栏目:[活动] 日期:2018-08-15 热度:160
一款基于 Java Script的网页弹出层代码,点击链接后,在网页居中弹出层,点击关闭或层以外的部分都可关闭这个层,此类的效果还有很多,您可以通过弹出层这个标签来索引一下。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://[详细]
-
jQuery简单实例:鼠标经过文字背景变色效果
所属栏目:[活动] 日期:2018-08-15 热度:134
一个极其简单的 jQuery 简单实例:鼠标经过文字背景变色效果,如果单纯使用jQuery实现这么一个简单的效果就真的大材小用了。那么发这个代码的目的是什么呢?我们是希望您能在网站引入jQuery插件以后,逐步实现一些功能,这样才好真正的学习jQuery,从基础[详细]
-
网页尾部的浮动指示框,始终在网页底部
所属栏目:[活动] 日期:2018-08-15 热度:73
网页中的浮动指示框,浮动提示框,用于显示信息,可以使用HTML语法,注意引号用法,单套双。 在JAVAsCRITP代码内,变量displaymode有三种模式:0 代表信息永远显示,1 代表信息只显示一段时间,2为随机显示模式; 演示: htmlheadtitle网页中的浮动指示框/t[详细]
-
CSS网页布局实例:纯CSS六宫格布局代码
所属栏目:[活动] 日期:2018-08-15 热度:121
一款基于CSS的网页布局实例代码,这里主要是使用纯CSS完成六宫格布局,在论坛上看到有人发问,这是转载别人写的代码,思路就是外面用一个div遮住 overflow-x:hidden;相信对学习CSS还是有帮助的,关键是提供一种编写的思路,至于代码的实现就要靠自己的CSS[详细]
-
利用jQuery实现的折叠层,点击收缩和展开效果
所属栏目:[活动] 日期:2018-08-15 热度:119
一款利用 jQuery 实现的折叠层,点击收缩和展开效果,默认情况下是展开的,主要是用 Java Script代码定义的,在此提示,第一次运行请刷新一下页面,让远程的jQuery插件载入。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特[详细]
-
jQuery折叠层,默认闭合,点击收缩和展开效果
所属栏目:[活动] 日期:2018-08-15 热度:150
刚刚介绍了一款利用 jQuery 实现的折叠层,点击收缩和展开效果,默认情况下是展开的,可能有的童鞋需要默认情况是闭合的,现在就来分享一下,这里主要是用 Java Script代码定义的,在此提示,第一次运行请刷新一下页面,让远程的jQuery插件载入。 为解决一[详细]
-
JS弹出层代码 层居中并可以关闭和拖拽
所属栏目:[活动] 日期:2018-08-15 热度:103
这是一个用javascript实现的弹出一个层,让层居中,并且可以拖拽喔,代码如下,复制粘贴后,保存成html,就可以直接看到效果喔 ,虽然界面有点丑,但功能实现了,希望大家一起来改进。 演示效果: html xmlns=http://www.w3.org/1999/xhtmlheadtitleveryhuo[详细]
