js利用div背景,做一个竖线的效果。


Posted in Javascript onNovember 22, 2008

后来发现,如果div样式,如果设置了具体的高度,无论ie还ff,都能正常的表现。

但这个高度并不是固定的,而是会随着旁边div内容的多少而变化。最后,只好借助javascript,加载时捕获有关的div的高度,将其赋值给指定的div样式,终于看到了想要的东西。

具体脚本是这样的:

window.onload=function(){
document.getElementById('bg').style.height=document.getElementById('mydiv').offsetHeight+'px';
}

“bg”是要更改高度的div,“mydiv”是相关要参照的div。

最后那个单位“px”一定要加上,否则在ff下会无法识别。

这还是有个问题,就是我看到有人介绍说offsetHeight这个属性在ie7下已经不被支持了,具体我没有试过。如果是这样的话,ie7下这里只好显示空白了。

Javascript 相关文章推荐
Valerio 发布了 Mootools
Sep 23 Javascript
让textarea自动调整大小的js代码
Apr 12 Javascript
浅谈JSON.parse()和JSON.stringify()
Jul 14 Javascript
jQuery实现的Div窗口震动效果实例
Aug 07 Javascript
jquery实现最简单的滑动菜单效果代码
Sep 12 Javascript
Jquery揭秘系列:ajax原生js实现详解(推荐)
Jun 08 Javascript
JS获取地址栏参数的两种方法(简单实用)
Jun 14 Javascript
js绑定事件和解绑事件
Apr 27 Javascript
微信小程序表单验证功能完整实例
Dec 01 Javascript
jQuery 淡入/淡出效果函数用法分析
May 19 jQuery
小程序实现列表展开收起效果
Jul 29 Javascript
Openlayers绘制地图标注
Sep 28 Javascript
JavaScript使用技巧精萃[代码非常实用]
Nov 21 #Javascript
FireFox与IE 下js兼容触发click事件的代码
Nov 20 #Javascript
js刷新框架子页面的七种方法代码
Nov 20 #Javascript
拖拉表格的JS函数
Nov 20 #Javascript
设置下载不需要倒计时cookie(倒计时代码)
Nov 19 #Javascript
JavaScript在IE中“意外地调用了方法或属性访问”
Nov 19 #Javascript
$.ajax json数据传递方法
Nov 19 #Javascript
You might like
让Json更懂中文(JSON_UNESCAPED_UNICODE)
2011/10/27 PHP
PHP常用处理静态操作类
2015/04/03 PHP
Laravel 5 框架入门(二)构建 Pages 的管理功能
2015/04/09 PHP
PHP使用flock实现文件加锁的方法
2015/07/01 PHP
php随机显示指定文件夹下图片的方法
2015/07/13 PHP
使用PHP实现下载CSS文件中的图片
2015/12/06 PHP
php版微信小店API二次开发及使用示例
2016/11/12 PHP
PHP实现移除数组中为空或为某值元素的方法
2017/01/07 PHP
基于JQuery 滑动与动画的说明介绍
2013/04/18 Javascript
js 窗口抖动示例
2013/09/04 Javascript
JavaScript中的异常捕捉介绍
2014/12/31 Javascript
使用Web Uploader实现多文件上传
2016/06/08 Javascript
elementUI 动态生成几行几列的方法示例
2019/07/11 Javascript
JS数据类型(基本数据类型、引用数据类型)及堆和栈的区别分析
2020/03/04 Javascript
Javascript实现打鼓效果
2021/01/29 Javascript
rabbitmq(中间消息代理)在python中的使用详解
2017/12/14 Python
win7 x64系统中安装Scrapy的方法
2018/11/18 Python
余弦相似性计算及python代码实现过程解析
2019/09/18 Python
Python any()函数的使用方法
2019/10/28 Python
Matplotlib绘制雷达图和三维图的示例代码
2020/01/07 Python
使用python的turtle函数绘制一个滑稽表情
2020/02/28 Python
python中字符串的编码与解码详析
2020/12/03 Python
Carter’s官方旗舰店:美国受欢迎的婴童服装品牌
2018/01/21 全球购物
美国奢侈品购物平台:Orchard Mile
2018/05/02 全球购物
Yves Rocher伊夫·黎雪美国官网:法国始创植物美肌1959
2019/01/09 全球购物
法国体育用品商店:GO Sport
2019/10/23 全球购物
局部内部类是否可以访问非final变量?
2013/04/20 面试题
中软国际Java程序员笔试题
2014/07/19 面试题
好军嫂事迹材料
2014/01/15 职场文书
2014年元旦促销活动方案
2014/02/22 职场文书
企业安全标语
2014/06/07 职场文书
教师查摆问题自查报告
2014/10/11 职场文书
护士长2014年终工作总结
2014/11/11 职场文书
上市公司董事长岗位职责
2015/04/16 职场文书
社区义诊通知
2015/04/24 职场文书
SQL Server使用T-SQL语句批处理
2022/05/20 SQL Server