-
仿iGoogle的模块拖动,层拖动,可自动复位
所属栏目:[聚会] 日期:2018-08-26 热度:158
仿iGoogle Div Drag 模块拖动,iGoogle主页上的拖动,具有自动复位的功能,智能判断Div的落点,鼠标松开后,Div可自行找到最近的落点,有意思吧?也挺人性化的。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/T[详细]
-
JS点击弹出模态对话框,可拖拽,遮罩层效果
所属栏目:[聚会] 日期:2018-08-26 热度:206
JS点击弹出模态对话框,可拖拽,遮罩层效果,作者给这个例子取名:ModelDialog,仅在窗口范围拖拽的模态对话框,代码中的ModelDialog代码部分可以单独摘出来封闭成一个文件,用时候引入就行了。 这个模态对话框对大家来说是比较常见的,它可以定义标题、主[详细]
-
CSS仿淘宝旧版首页的CSS列表布局效果
所属栏目:[聚会] 日期:2018-08-26 热度:155
仿淘宝旧版首页的CSS布局效果,现在淘宝改版了,看不到这效果了,不过觉得还是挺有用的,做起来也并不复杂,主要是在背景图片的处理上,用CSS定义背景图片的使用区域,可以把众多用到的背景图片制作在一起,这样方便管理资源。 演示: !DOCTYPE html PUBLI[详细]
-
CSS布局实例:div高度随窗口变化而变化
所属栏目:[聚会] 日期:2018-08-26 热度:141
一个CSSDiv布局的实例,让DIV的高度随浏览器窗口的变化而变化,窗口变大,Div的高度会变大,窗口变小则Div变小,貌似智能化。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio[详细]
-
Div+CSS弹出始终居中的半透明遮罩层效果
所属栏目:[聚会] 日期:2018-08-26 热度:150
Div+CSS实现始终居中的半透明弹出层,使用了CSS和 Java Script结合实现的,暂时没有实现动画效果,这是比较基础的弹出层效果,非常便于你理解CSS,对学习是有帮助的。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www[详细]
-
用CSS实现交叉的两个层,网页布局代码
所属栏目:[聚会] 日期:2018-08-26 热度:143
用CSS实现交叉的两个层,一个用CSs布局网站的好例子,代码就在下边,大家自己看看吧,希望对CSS初学者有帮助哦,如果你一点也不懂CSS,可以阅读烈火网提供的CSS手册。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.o[详细]
-
CSS 半透明层的实现,文字层半透明显示图片
所属栏目:[聚会] 日期:2018-08-26 热度:77
CSS 半透明层的实现,文字层半透明显示图片。让您掌握filter中alpha的用法,在本示例中,最低层的是一张图片,上边是一个透明度被定义为60%的Div层,层内是文字,因为是不是100%透明,因此可以看到下层的图片,形成立体效果。 演示: !DOCTYPE html PUBLIC[详细]
-
jQuery 折叠/合并,展开/收缩的层,动画效果
所属栏目:[聚会] 日期:2018-08-26 热度:135
两个折叠、伸展的层,基于 jQuery 框架实现,有简单、平滑的动画效果,实现方法如下: 1,首先把JQ导入. 2,然后开始写函数了。$(document).ready(function(){}); 3,前面说过了,获取标签能直接 $(标签)。给标签注册 onclick事件直接可以 click. 4,核心代码:[详细]
-
JS+CSS始终在右下角显示的层,兼容IE6浏览器
所属栏目:[聚会] 日期:2018-08-17 热度:69
JS+CSS始终在右下角显示的层,兼容IE6浏览器。即使您不懂CSS和JS也能看懂,在JS代码部分的第一行,我们就可以看到var isie6,也就是说如果是IE6浏览器,并设定a和b两个值,并赋予他们距右和距下都是0的样式,这样就可以一直在右下角了,不多说了,大家自己[详细]
-
Css水平垂直居中,Css自适应上下左右居中代码
所属栏目:[聚会] 日期:2018-08-17 热度:175
早在烈火网2009年的教程中,我们就曾经发表过《网页水平垂直居中在不同分辨率的实现方法》,还有后来提到的实例横向分栏水平居中代码,关于CSS居中水平居中、垂直居中的例子还有很多,大家可以使用站内搜索查询一下。 今天我们再来看一个Css实现自适应上下[详细]
-
多级人物关系图代码,基于jQuery渐显效果
所属栏目:[聚会] 日期:2018-08-17 热度:138
多级人物关系图代码,基于 jQuery 渐显效果,一些娱乐网站经常可以看到这样的效果,但大多数是由flash制作的,在本例中,作者使用了jQuery插件,充分发挥了jQuery的强大功能,效果非常不错。setQuestPose:function中的n代表共几个对象 r代表周长 i代表第几[详细]
-
CSS竖向排列的布局代码,自动换行效果
所属栏目:[聚会] 日期:2018-08-17 热度:159
CSS竖向排列的布局代码,自动换行效果,好比电脑桌面的图标一样,自动竖着排列,排满一列后重新进行下一列排序。方法有很多,有人用JS,有人用CSS,不管什么样的方法,简单、兼容就是好代码,本代码仅供参考。 示例: !DOCTYPE htmlhtmlheadstyle#mainBox{b[详细]
-
JS弹出层插件代码,自定义大小,双击关闭
所属栏目:[聚会] 日期:2018-08-17 热度:70
JS弹出层插件代码,自定义大小,双击关闭。可以理解为这是一个JS类,因为其自定义大小可以函数的形式调用,在例子中,作者分别写了弹出500,300、500,500等大小的窗口,点击后动态弹出窗口后,在弹出窗口内双击鼠标即可关闭。 示例: !DOCTYPE htmlhtmlhead[详细]
-
简单实现点击按钮弹出遮罩层,兼容火狐浏览器
所属栏目:[聚会] 日期:2018-08-17 热度:168
简单实现点击按钮弹出遮罩层,兼容 火狐浏览器 。在火狐、IE6、7下都是可以拖动的,但是在 IE8 下有点小问题,不能拖动,也希望高手们帮忙修正,初次写弹出层,分享给大家。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://w[详细]
-
JavaScript动态弹出层,点击缓缓关闭效果
所属栏目:[聚会] 日期:2018-08-17 热度:60
Java Script动态弹出层,点击缓缓关闭效果。 调用方式:onclick=ChuangJianDIV('要弹出的组建ID','弹出DIV的宽','弹出DIV的高','遮蔽div的透明度','弹出div的速度','遮蔽div的背景色','弹出div的背景色'); 如:onclick=ChuangJianDIV('divID','500','300',[详细]
-
jQuery点击后弹出可关闭遮罩层,适于网站公告
所属栏目:[聚会] 日期:2018-08-17 热度:114
jQuery 点击后弹出一个可关闭的遮罩层效果,适于网站公告!现在这种效果已经很流行了,作为js中的优秀框架,jQuery给很多网站带来了优秀的网站体验,如果您的网站也想加入更多的jQuery特效,不妨先引入jQuery框架。 为解决一些网页特效运行后不能显示效果[详细]
-
JavaScript简单的点击按钮弹出层,可以关闭
所属栏目:[聚会] 日期:2018-08-16 热度:73
Java Script简单的点击按钮弹出层,可以关闭!也就是弹出框,在网页中应用广泛,时间关系,没有进行太多的美化,但是在代码内含有注释,方便大家参考和使用。 示例: htmlheadtitle点击按钮,弹出一个层/titlescriptvar docEle = function() {return docum[详细]
-
点击弹出遮罩层,JavaScript弹出可关闭的对话框
所属栏目:[聚会] 日期:2018-08-16 热度:86
一种带渐变的点击弹出遮罩层, Java Script弹出可关闭的对话框,可以设置弹出窗口的宽度、高度、边框颜色、标题颜色、标题高度、浏览器工作区域内页面宽度、定义div属性等,背景层(大小与窗口有效区域相同,即当弹出对话框时,背景显示为放射状透明灰色),[详细]