div

  • div+css布局必了解的列表元素ul ol li dl dt dd详解

    dt 和dd中可以再加入 ol ul li和p,理解这些以后,在使用div布局的时候,会方便很多,其实w3c提供了很多元素辅助布局都是有它的用处的,而不尽是div. 块级元素div尽量少用,其实和table一样,嵌套越少越好,它也是会影响速度的! ol 有序列表. <ol> <li>--</li> <li>--</li> <li>--</li> </ol> 表现为: 1-- 2-- 3-- ul 无序列表,表现

    div, cssApril 19

  • JavaScript栏目列表隐藏/显示简单实现

    隐藏侧边栏,并将图片换成右箭头图片;显示侧边栏,并将图片换成左箭头,这样的效果想必大家都很熟悉吧,接下来实现下,感兴趣的朋友可以参考下哈 1.构建JavaScript库 (function(){ //将命名空间IC注册到window window['JSHide']={}; //隐藏侧边栏,并将图片换成右箭头图片 function yc() { document.getElementById("cloone").style.display ="none"; docu

    div, JavaScript, 隐藏April 15

  • jquery控制div下所有连接

    获取当前连接的连接地址. jquery控制div下所有连接 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

    div, jquery, 连接April 11

  • 解决div被flash挡住的设置方法

    就是将flash的参数,向下面的方法修改,即可解决 <param name="wmode" value="opaque"> 改成: <param name="wmode" value="transparent">

    div, flash, 挡住March 24

  • js获取div高度的代码

    不错的获取div高度的代码,主要是方便测试一些信息,用到了javascript的offsetHeight属性 <style type="text/css"> <!-- #top { color: #FFFFFF; background-color: #FF0000; text-align: left; text-indent: 24px; width: 780px; line-height: 24px; font-size: 12px; padding-right:

    div, 高度March 22

  • 通过js获取div的background-image属性

    div的background-image这个属性,只是设置它的url,下面为大家介绍下如何获取它的background-image属性,感兴趣的朋友可以参考下 之前没有注意过div的background-image这个属性,只是设置它的url,今天遇到一个问题特此做一下记录. <div id="img_2" style="width:133px;height:95px; cursor:pointer; background-image: url('Chrysanthem

    div, background imageMarch 18

  • jquery创建div 实现代码

    有时候我们需要动态创建一个div下面是具体的实现代码,大家只要熟悉了jquery的一些基本用法就能轻松的实现. var boardDiv = "<div style='background:white;width:100%;height:100%;z-index:999;position:absolute;top:0;margin-top:100px;'>加载中...<\/div>"; $(window).load(function(){ //window.al

    div, jquery, 创建March 18

  • jQuery实现Div拖动+键盘控制综合效果的方法

    这篇文章主要介绍了jQuery实现Div拖动+键盘控制综合效果的方法,实例分析了jQuery操作div块拖动的技巧,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了jQuery实现Div拖动+键盘控制综合效果的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

    div, jquery, 方法, 拖动March 14

  • CSS教程:div垂直居中的N种方法[转]

    在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valign特性的元素才生 效,例如表格元素中的<td>.<th>.<caption>等,而像<div>.<span>这样的元素是没有valign特性的,因此使用vertic

    div, css, 垂直居中March 9

  • JS+CSS实现Div弹出窗口同时背景变暗的方法

    这篇文章主要介绍了JS+CSS实现Div弹出窗口同时背景变暗的方法,是一款比较典型的javascript操作弹出窗口的技巧,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了JS+CSS实现Div弹出窗口同时背景变暗的方法.分享给大家供大家参考.具体实现方法如下: <html> <head> <title>JS+CSS实现的Div弹出窗口,同时背景变暗</title> <script> function locking(){ docume

    div, css, 窗口, 弹出March 9

  • JS实现点击文字对应DIV层不停闪动效果的方法

    这篇文章主要介绍了JS实现点击文字对应DIV层不停闪动效果的方法,实例分析了javascript操作div层的效果,非常实用,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了JS实现点击文字对应DIV层不停闪动效果的方法.分享给大家供大家参考.具体分析如下: 在很多娱乐网站我们经常看到这种效果,点击网页中某个方块中的文字,然后整个方块就不停的闪动起来,很不错的一个动态效果,容易引起顾客的注意,这个代码就是实现了这个效果,点击某个方块后,方块就会闪动 <!DOCTYPE html PUB

    div, 方法, 点击, 闪动March 4

  • js控制div及网页相关属性的代码

    js控制div及相关属性,对于需要控制页面内的元素的朋友可以参考下. 动态创建DIV:var div = document.createElement("div"); 设置div属性及样式等: div.title="this is a new div."; div.class = "newDivClass"; div.innerHTML = "Test create a div element!"; div.style.sty

    div, 属性March 1

  • 彻底弄懂CSS+DIV

    前言 如果你想尝试一下不用表格来排版网页,而是用CSS来排版你的网页,也就是常听的用DIV来编排你的网页结构,又或者说你想学习网页标准设计,再或者说你的上司要你改变传统的表格排版方式,提高企业竞争力,那么你一定要接触到的一个知识点就是CSS的盒子模式,这就是DIV排版的核心所在,传统的表格排版是通过大小不一的表格和表格嵌套来定位排版网页内容,改用CSS排版后,就是通过由CSS定义的大小不一的盒子和盒子嵌套来编排网页.因为用这种方式排版的网页代码简洁,更新方便,能兼容更多的浏览器,比如PDA设备也

    div, css, 生活, class, header, floatJanuary 13

  • JavaScript中的Node相关内容介绍

    Node往往被翻译为节点,在一个对象(可以简单的理解为是HTML页面中),一个属性name="aaa"可以是一个节点,一个< div id="aaa">--< /div>也可以是一个节点,在< body>--< /body>中的,也是一个大大的节点.下面是一些有关Node的属性和方法,并没有包含部分不兼容IE和FF内容的讲解. Node的属性介绍: nodeType:显示节点的类型 nodeName:显示节点的名称 n

    attributes, div, JavaScript, html, 文档January 13

  • innerHTML用法

    用法: 比如在<body>中写了如下的代码: <div id=top></div> 现在用top.innerHTML="..........";的方法就可以向这个id的位置写入HTML代码了. 例如top.innerHTML="<input type="button" name="我很帅" value="说的对">";就可以在top对应的位置出现一个butto

    div, JavaScript, input, html, button, 测试December 29

  • div+css基础教程

    本文存下来作为备忘. 第一节 了解div+css 一.什么是div+css div元素是html(超文本语言)中的一个元素,是标签,用来为html文档内大块(block-level)的内容提供结构和背景的元素.div的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由div标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制. css是英语cascadingstyle sheets(层叠样式表单)的缩写,它是一种用来表现 html 或 xml 等文件式样的计算机

    div, css, 网页设计, html, DreamweaverAugust 16

  • Div 模拟 select
    Div 模拟 select

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>select</title> <style> .select{ position:relative; float:left; display:inline; height:23px; margin:0 3px 0 12px; cursor:pointer; } .select #qty

    div, selectJuly 2

  • javascript 使用div层进行数据的添加修改删除

    <script language="javascript"> //当前修改索引 var updateIndex = -1; //添加or修改,删除直接调用方法不需要此变量 var updateStatus = -1; //用于修改 var rowid = -1; //添加数据 function addData() { //添加操作 updateStatus = 1; document.getElementById("dataxx").style.disp

    div, JavaScriptJune 4

  • div+css布局心得

    .container{ width:90%; padding: 1% 5% 1% 5%; height: auto; *overflow: auto; } 以上css样式在非ie下没有问题,也能够实现不同分辨率自适应,但是在ie下去不行,究其原因是因为在ie下padding-right为百分比的时候没有起作用.在ie下padding-right的时候width必须为百分百. .container{ width:100%; padding: 1% 5% 1% 5%; height: auto; *

    div, css, 布局May 22

  • JavaScript根据图片加载成功后高度设置DIV的高度

    //图片加载完成后将DIV的高度设置为图片的高度 $(function () { var oImg = $("img[id$=imgCont]")[0]; window.setDivHeight = function () { if (oImg.complete) { $("div[id$=treeViewDiv]").css({ "height": oImg.height + 5 + "px" }); clearTimeou

    div, JavaScript, 设置, 高度February 21

  • 关于弹出提示框的一种比较好的方式

    html <html> <head> <title>弹出提示框的例子</title> </head> <body> <input type="button" value="弹出提示框" onclick="sAlert('测试效果<br/>嗯!效果还不错!');" /> <script type="text/javascript"

    div, 弹框, 登陆框January 5

  • WEB标准布局(DIV+CSS)学习笔记(二)--DIV的布局基础
    WEB标准布局(DIV+CSS)学习笔记(二)--DIV的布局基础

    DIV的布局是挺基础,也挺重要的知识,有几个关键字:width.height.margin和float,用几个例子进行最简单的说明: 每个DIV独占一行的布局 先看一个很常见的例子:设计网页时,往往可以将页面分成top.center和bottom三个区域 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi

    div, css, 浮动, 布局, floatDecember 25

  • WEB标准布局(DIV+CSS)学习笔记(一)--基础知识
    WEB标准布局(DIV+CSS)学习笔记(一)--基础知识

    首先,CSS样式有4种使用方式: 1.外部样式 2.内部样式 3.行内样式 4.导入样式 外部样式:把CSS样式写入到一个单独的文件中,每个HTML页面链接该文件,是使用最为广泛的方式,很好的体现了表达(CSS)与结构(HTML)的分离思想. <!-- 在head标签内增加如下代码,代表链接外部样式 --> <head> <link href="css/mystyle.css" rel="stylesheet" type="t

    div, Web, css, 布局, 标准December 24

  • 简单灵活网页布局--任意比例切割.兼容IE6
    简单灵活网页布局--任意比例切割.兼容IE6

    这是折腾了整整2天的问题,到现在为止终于有了结果: 目标: 1.用DIV而不是TABLE布局 2.兼容IE6 3.简单.灵活 图示Firefox IE6: 直接看代码,并欢迎指正 <!DOCTYPE html> <html lang="en"> <head> <script type="text/javascript" src="../assets/js/jquery1.8.js"></scr

    div, 网页布局December 17

  • DIV+CSS布局总结
    DIV+CSS布局总结

    1. ie系列采用的是微软自己的盒子模式,firefox采用的是标准的w3c盒子模型. 从上图可以看到 IE 盒子模型的范围也包括 margin.border.padding.content,和标准 W3C 盒子模型不同的是:IE 盒子模型的 content 部分包含了 border 和 padding. 从上图可以看到标准 W3C 盒子模型的范围包括 margin.border.padding.content,并且 content 部分不包含其他部分. 在实际的操作中可采用如下方法避免如上不同

    div, css, 布局November 28

  • DIV+CSS的StepByStep步骤导航栏.
    DIV+CSS的StepByStep步骤导航栏.

    第一个 代码如下,具体设置也很简单不多说. <!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"> <head> <meta htt

    div, stepbystep, css, 步骤, 导航栏November 26

  • 关于网页视频遮住顶层DIV的解决办法
    关于网页视频遮住顶层DIV的解决办法

    最近做一个网站,要实现的效果是网站顶部有个DIV层一直置顶,CSS样式是这样写的: #header-top{ width:100%; border-top: 2px solid #49C5FF; z-index:99999; position:fixed; top: 0px; /* position fixed for IE6 */ _position:absolute; /* for IE6 */ _top: expression(documentElement.scrollTop + doc

    div, wmode, 视频, 遮罩, 优酷October 12

  • js控制div高度失效

    js: 有一div,原本有一定高度宽度等属性. 然后: div.style.height="0px"; 它不会消失,却一直显示原来高度1/2左右!!!

    div, JavaScript, css, htmlAugust 7

  • TABLE与DIV的取舍

    在网站设计中,有两种情况会使用到TABLE: 一是页面布局,现在的网站都有布局.例如OSC的首页布局存在着最顶端的navigation,接下来的banner,和中间最大的screen三块.screen又包含了content和footer两个子块.content中又包含着各种内容模块. 二是数据展示表格.在网页上展示数据集合的时候,势必要用到表格. 然而,现在非常流行的DIV+CSS也可以展现TABLE所能够展现的样式.它们之间存在什么样的竞争关系,我们如何取舍呢? 首先总结一下各自的优缺点,然后

    div, tableJuly 24

  • 网页的排版-心得.不对的地方请大家指正

    网页是客户看到的东西.客户希望网页的速度打开的很快.这样可以减少很多时间.这是我今天网页排版时的心得,仅仅是心得.不对的地方请大家指正. 1.每个网页的排版都是盒子组成.表格用于从后台数据库查处数据时显示. 2.网页的排版分为定位.大小.移动.定位主要以position:absolute开头. div中的margin是div与外围的距离.padding是div与内部的距离.div可变的是大小.位置.线宽,颜色等. 3.div可以嵌套div,这主要用于数据的排版够成.而有时后并不是非要用div.d

    div, 网页, 排版July 20

  • 弹出的锁定背景的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"> <head> <title>自定义内容背景锁定的div可拖动提示窗口&

    div, 关闭, htmlJune 19

  • 如何将DIV的内容垂直居中

    在CSSPlay上看到了一个垂直居中的例子,感觉还是不错的,跟大家分享一下: ==================================CSS================================== .holder{ width:740px; height:300px; border:1px solid #777; text-align:center; display:table-cell; vertical-align:middle; } /*以下样式针对IE*/ .ed

    div, 居中June 9

  • div中的div浮动float之后自动撑开

    方法一: html: <div id="all1"> <div id="left1">1</div> <div id="left2">1</div> <div style=" clear:both; "></div> </div> css: #left1{ float:left;width:200px;} #left2{ float

    div, 浮动, 自动撑开May 28

  • div+css中的为什么要设置浮动属性,浮动完了为什么又要清除浮动

    http://zhidao.baidu.com/question/346953583.html http://hi.baidu.com/jinghanchangwa/item/0c96a5ac78701f3f020a4d54 范例: <html> <head> <style> .div1{background:red; float:left; height:250px; width:200px;} .div2{background:blue; height:200px;

    div, css, html, div+CSSApril 7

  • 两个DIV横向排列

    <div id="1" style="border:#000 solid 1px; padding:5px; width:500px; margin:0px auto; height: 200px;"> <div id="2" style="float:left; background:#ff0000; width:120px; height: 200px;">2红色</div> <d

    div, 布局, 横向January 24

  • css技术手册
    css技术手册

    css技术手册: -------------------------------手册-------------------------------- CSS 2.0.chm http://vdisk.weibo.com/s/moR-P -------------------------------视频-------------------------------- 俺的视频:http://kan.weibo.com/kan/3492707897462426 -------------------

    div, JavaScript, css, html, 前台设计January 11

  • 让DIV显示在flash之上

    在flash里加入如下属性即可: wmode=Opaque 即在<object>及</object>之间加入 <param name="wmode" value="opaque"> 或在<embed>里加入 wmode="Opaque" 这是一个使flash在页面上显示在最下面的参数 这样修改可以使得其他元素都可以覆盖在这个flash之上. 下面讲一下wmode的属性: wmode=Window 在

    div, css, flashOctober 11

  • 网站设计中很重要的概念div+浮动

    在网站建设中,总会遇到html和css各种各样的问题,打开网站http://www.hualai.net.cn首页,查看源代码,满屏全是html标签,不下几十个div. html中包括两种元素 内联元素(行内元素) 和 块元素 ,怎么理解呢? 行内元素就是不换行的元素,并且大小可以自适应. 例如 a img font span,当我们建设一个网站的时候,里面的文字内容就是行内元素. 块元素就是不论内容多少 宽度高度多少都会换行显示 例如 div p li,一般用在网站的布局上. 行内元素和块元素

    div, css, 浮动, 网站建设, 网站设计August 24

  • DIV弹出登录框

    闲来无事 将很久前的日志转到Ocodeweblog.com 上来.. 新的开始 -- 今天修改完成了项目中一个密码重置的模块,刚开始开发为了简便 只是为了省事弹出一个DIV在显示用户内容信息的下边, 后来发现随着账户的增多就DIV就会显示到底部,操作起来很不方便于是就进行修改成了 这样一来操作起来也方便的多. 刚开始在网上进行JS代码查找找到了很多具有相同功能的,但是添加到项目中的效果都不太理想,特别是对于浏览器兼容性的 这个问题,IE上和火狐上总会有点差距,后来经过一定的修改找了下面的代码,比

    div, 弹出登录框July 18

  • 小结一下前端html+css的经验 (四)

    1.Line-height 是不错的属性,可以在竖直对齐有很大作用,但是它并不是对所有标签有效,如:img select,此时你可以想到一个属性:vertical-align:middle; 然后 margin-top:-px 2.letter-spacing和word-spacing这两个属性都用来添加他们对应的元素中的空白.letter-spacing添加字母之间的空白,而word-spacing添加每个单词之间的空白 3.尽量少用 来控制间距,加载的时候"闪"一下很不舒服.用标签

    div, css, html, 前端June 8

  • [转载] 纯CSS3制作的 登录模板 简洁蓝白(非IE效果更好) [图]
    [转载] 纯CSS3制作的 登录模板 简洁蓝白(非IE效果更好) [图]

    效果图: 源码如下 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD><TITLE>纯CSS3制作的 登录模板 简洁蓝白(非IE效果更好)</TITLE> <META content="text/html; charset=unicode" http-equiv=Content-Type> <

    div, 表单, css, 注册, 登录June 2

  • 扒取的国外的后台管理系统的界面
    扒取的国外的后台管理系统的界面

    想把这个改成自己的,虽然已经在别人的界面上修改了. 之后还要加上特效. Demo:http://oudeshu.com/new/index.html

    div, css, 后台, htmlMarch 22

  • 通过Div将页面分三块(上,中,下),然后通过Ext来改变Content的内容(一)

    修改成Div的原因: 1.原始系统主架构(V层)是通过frameset来划分的: 2.系统中需要提供全屏的功能,在frameset中不好实现: 现修改成Div如下: <div id="header" ></div> <div id="content" ></div> <div id="footer" ></div> 系统menu主要放于header,而content用来显示操

    div, autoload, Ext, 三层December 1

  • 10个常见的div+css错误

    1. 检查HTML元素是否有拼写错误.是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系.可以用dreamweaver的验证功能检查一下有无错误. 2. 检查CSS是否正确 检查一下有无拼写错误.是否忘记结尾的 } 等.可以利用CleanCSS来检查 CSS的拼写错误.CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误. 3. 确定错误发生的位置 假如错误影响了整体布局,则可以逐个删除div块,直到删除某个div块后显示恢复正常,即可确定错误发生的位置. 4. 利用border属

    div, css, 常见错误November 5

  • Dreamweaver格式化html代码提高代码质量

    一.快速启动:Dreamweaver-html源代码自动格式化 把自己页面的源代码按照标准的格式整理好!也就是类似于: <table> <tr> <td> XXX </td> </tr> </table> 的格式,标签必须对整齐. 首先在[编辑]|[首先参数]的"代码格式"中设置好格式: 第一行-缩进:勾选.可以选择使用Tab键或空格键填补缩进. 第二行-制表符大小:Tab键所占空位.这个只在DreamWeaver

    div, css, 网页, html, 刘超August 10

  • flex页面和传统页面的比较

    公司之前做了很多flex页面的网站,是指整个页面都用flex来实现.由于一些原因最近要开始使用div+css来制作页面.在此总结下我这边理解的flex和div+css网页实现的比较. flex的优点: 1.效果绚丽 2.在页面端可以实现复杂的逻辑,减少交互时候的网络流量. 3.有比较不错的ide,可以方便快速的开发. flex的缺点: 1.flex程序员相对难找 2.flex首次加载较慢 3.需要安装flashplayer 4.修改后需要编译 div+css的优点: 1.开发人员多,容易找到人手

    div, css, FlexAugust 9

  • javascript实现网页展开效果

    #content { font-size: 14px; width: 150px; height: 70px; background: #00FFFF; overflow: hidden; } #key { color: red; float: right; } 内容简介: 展开 我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我有什么办法我

    div, JavaScript, 网页, 展开, 展开效果November 25

  • [div+css]晒晒最新制作专题推广页模板

    用div+css制作专题推广页模板是leo拿手好戏,其实做div+css的专题推广页模板不难,一般的程序员都会,难的是做到浏览器间的兼容,更难的是不用div+css中的hack,leo却能做到.看看模板吧. 先看看效果图再解析,页面太大了,我就随便截两个图:(关掉右边的"相关文章"可看全图) 感觉还是一般,主要是颜色不太灰,这个嘛,就是领导的意思,刚开始的时候是做的其他的颜色,领导觉得太花,我就直接把图全部PS去色,就成这样了.此模板还用到了一个popup.js,效果还行,就是第四张图

    div, css, 模板, 专题页, 推广页August 26

  • float对div宽度的影响

    一直以为float属性不会对div的宽度或高度有什么影响.但是,这两天我发 现在float对div宽度的影响是显著的. 首先div的默认宽度是width:auto;意思是自动调整宽度. 在不带float的情况下,div的宽度会自动调整至最大化,而在带float的情况下则正好相反,它会自动调整至最小化. 测试如下: <div style="background-color:#0099FF;">sss</div> <div style="backgr

    div, float, 宽度August 12

  • IE6下div高度自适应解决方法

    IE6下div高度自适应解决方法 原因:父框架没有设置宽度.加上width:xxpx就OK了

    div, IE6, 自适应, 高度August 12