最新文章列表

用js让透明的div跟着鼠标移动,兼容火狐和IE

废话不多说,代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset ...
907182878 评论(0) 有839人浏览 2014-05-04 13:49

CSS Sprite切图技术

非原创,学习别人的,很实用就留下了。   我们经常看到一个页面上有很多小图标,可是当我们用工具去打开时却发现                   ...
zb5594921 评论(0) 有1187人浏览 2013-08-24 11:52

IE6文字溢出BUG

在IE6下,浮动层之间有注释文字的话,之前那个浮动层的内容文字就有可能遭遇一个“隐形”的复制,但是代码里查看文字可并没有多出来。 问题原因以及解决方法: 原因:由注释造成文字溢出,属于IE6的BUG,溢出文字的字数=注释的条数*2-1,这里的字数在中文或英文数字时都成立。注释坐在位置与溢出位置、区块的浮动以及文字区块的固定宽度有必然联系。 解决办法:1、不放置注释。最简单、最快捷的解决方法; ...
haoq 评论(0) 有757人浏览 2013-08-20 21:02

js控制DIV显示隐藏层

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q ...
div 
jilong-liang 评论(0) 有1341人浏览 2013-08-12 22:27

使用jquery的div弹出层效果代码

这些天要用到div弹出层遮盖的效果,在网上找了好久,终于找到一段不错的代码,可以直接运行并且重复利用,发布出来分享一下。
漫步邃思 评论(0) 有1037人浏览 2013-08-02 10:49

display:block的作用与用法

display:block可以理解为块。用个简单的例子给你!比如你做一个超链接, <li><a href="#">超链接</a></li> 当你鼠标移过去文字的时候,超链接有效果! 而当我把样式这样设置: li a{width:100px;height:100px; display:block; color:red; text-de ...
蜗小牛 评论(0) 有1075人浏览 2013-07-22 16:51

三角型的常见写法及旋转

三角型的常见写法,及三角的旋转   <style>div{    margin:50px;}.triangle{    width:0;    height:0;    border-width:30px;    border-style:solid;    border-color:red blue yellow green;    overflow:hidden;}.tria ...
keimon 评论(0) 有953人浏览 2013-07-21 21:26

让html div元素随浏览器的大小自适应垂直居中

表格可以实现td中的元素垂直居中显示,但是前提条件必须定义td的高才可行。但是很多时候会用到元素跟随浏览器的大小垂直居中,如在制作展示官网、活动展示网等等的时候。 问题:实现div垂直居中并在缩放浏览器尺寸的时候仍然居中。 解决方案:1.浏览器可视区域的高度-元素的高度/2 = 元素距离浏览器可视区域顶部的距离。(bodyHeight – divHeight)/22.浏览器可视区域如果小于元 ...
bijian1013 评论(0) 有3281人浏览 2013-07-16 20:00

HTML/CSS中,DIV高度自适应的解决方法

在WEB开发过程中,有些需求要求DIV的高度随着浏览器窗口的改变而改变。 这里我就列举两种情况: ① 顶部为一排菜单栏,下部为内容部。其中,要求,菜单栏高度固定,内容部随着浏览器窗口大小的改变而改变,示意图如下:  这种需求的处理的话,可按照如下的CSS来处理: <div style="height: 100px; background: gray;"> ...
Rainbow702 评论(0) 有18962人浏览 2013-07-07 11:59

【j2ee】div浮动层拖拽

背景:近期项目中需要实现弹出浮层增加数据,并且浮动层可以拖拽 解决步骤:1、浮动层实现  2、拖拽实现 多方查资料,基本实现功能,现做demo,便于以后使用 先上图片大体展示实现效果:   再上代码,展示我的实现思路: DragAndDrop.html <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitiona ...
雪馨25 评论(0) 有1736人浏览 2013-07-04 09:07

CSS 常用属性笔记——position

1.position  属性      用于设置页面元素的位置,     可以指定下几个值:     1) static: static定位就是不定位,出现在哪里就显示在哪里,这是默认取值,只有在你想覆盖以前的定义时才需要显示指定,以DIV做root节点为例: <head> <style type="text/css">   div#root ...
oham_一1一 评论(0) 有1210人浏览 2013-06-24 16:48

JavaScript图片查看器

图片查看器 实现原理:动态的绑定每个缩略图的onmouseover事件,在方法中显示图片展示层。给document绑定onclick,通过判断事件的坐标,来决定是否隐藏 ...
shiquantian 评论(0) 有818人浏览 2013-06-21 11:40

设置div中文字超出时自动换行

一、对于div强制换行1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。#wrap{white-space:normal; width:200px; }或者#wrap{word-break:break-all;width:200px;} 2.(Firefox浏览器)white-space:normal; word-break ...
wangxingguang 评论(0) 有1564人浏览 2013-05-15 14:58

jqueryui 拖动div页面布局示例

jqueryui 拖动div页面布局示例---表格可拖动示例 <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Sortable - Display as grid</title> <lin ...
1979 评论(0) 有2040人浏览 2013-02-27 16:15

IE6里调整空白DIV的高度为0问题

为了将两个图片所在的DIV中间间隔一点间隙,在FireFox下只需写一个空的 <div style="width:5%;height:0px;"></div> 就OK,在IE7+都是没问题的,但是,在IE6里面,却总觉得左边的图片稍高2px,右侧的图片稍低,后来用将DIV的borer调出来查看,看出问题的本质了,原因是在IE6里面,即使设置heigh ...
happyzpx 评论(0) 有982人浏览 2013-02-21 16:50

js 设置div 页面居中

<HTML> <HEAD> <TITLE>js根据页面大小变化设置div左右居中</TITLE> </HEAD> <body> <div id="" style="border: solid; width: 100%; height: 100px" ...
VincentBoy 评论(0) 有11093人浏览 2013-02-17 10:52

div构建table

1、Css display值与解释-(详细可见CSS手册的CSS display手册)参数:block :块对象的默认值。用该值为对象之后添加新行none :隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间inline :内联对象的默认值。用该值将从对象中删除行compact :分配对象为块对象或基于内容之上的内联对象marker :指定内容在容器对象之前 ...
征途2010 评论(0) 有1067人浏览 2013-02-05 13:16

获取没有width属性的obj的width

如下: #div1{   width:100px; } <div id="div1"></div> 如果想通过document.getElementById("div1").style.width来获取是不成功的。必须写inline css 但是line css往往不符合要求,并没有将结构与表现分离 所以要用js来或取最终样式,如获取 ...
div 
570421779 评论(0) 有1470人浏览 2013-02-01 10:26

关于DIV弹出框被页面的Object对象给盖住问题

问题:如图 解决: 在Object对象中增加一个属性<param value="transparent" name="wmode" /> 效果如图:
huangshanghua 评论(0) 有1054人浏览 2013-01-31 11:24

flash 遮挡div或者其他元素的问题

设置flash的object的wmode为transparent就好了: <OBJECT  codeBase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" classid=clsid:D27CDB6E-AE6D-11cf-96B8-44455 ...
aiyou110 评论(0) 有852人浏览 2013-01-21 15:31

最近博客热门TAG

Java(141746) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics