没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
1.英文连续的单词在div中不会换行,是应为把它当成了一个单词
设置块的大小,并发大块div:
<body>
<div id="div1" style="width:10px;height:100px;border-style:solid; border-color:Red;border-width:1px;">案例:点击按钮动态变大,提示:
英文字母连续单词不会在中间自动换行额陷阱</div>
<input type="button" value="放大" onclick="var div1=document.getElementById('div1');div1.style.width='200px';
div1.style.height='200px' "/>
</body>、
1.2.自动放大块的长与宽
<head>
<title></title>
<script type="text/javascript">
var showIntervalId
function showDiv() {
showIntervalId = setInterval("inc()", 100); //启动定时器
//取得定时器的showIntervalId,为方便清理定时器
}
function inc() {
var div1 = document.getElementById("div1");//获得块的对象
var oldwidth = div1.style.width;//获得块的宽和高
var oldheight = div1.style.height;
oldwidth = parseInt(oldwidth, 10);//将块的宽和高转化成整数
oldheight = parseInt(oldheight, 10);
if (oldwidth >= 200) {//当宽达到200px,停止增大
//oldwidth += 10;
//停止计时
clearInterval(showIntervalId);
}
else {
oldwidth += 10;
设置块的大小,并发大块div:
<body>
<div id="div1" style="width:10px;height:100px;border-style:solid; border-color:Red;border-width:1px;">案例:点击按钮动态变大,提示:
英文字母连续单词不会在中间自动换行额陷阱</div>
<input type="button" value="放大" onclick="var div1=document.getElementById('div1');div1.style.width='200px';
div1.style.height='200px' "/>
</body>、
1.2.自动放大块的长与宽
<head>
<title></title>
<script type="text/javascript">
var showIntervalId
function showDiv() {
showIntervalId = setInterval("inc()", 100); //启动定时器
//取得定时器的showIntervalId,为方便清理定时器
}
function inc() {
var div1 = document.getElementById("div1");//获得块的对象
var oldwidth = div1.style.width;//获得块的宽和高
var oldheight = div1.style.height;
oldwidth = parseInt(oldwidth, 10);//将块的宽和高转化成整数
oldheight = parseInt(oldheight, 10);
if (oldwidth >= 200) {//当宽达到200px,停止增大
//oldwidth += 10;
//停止计时
clearInterval(showIntervalId);
}
else {
oldwidth += 10;
oldheight += 10;
div1.style.width = oldwidth+"px";//注意一定要加单位
div1.style.height = oldheight + "px";
}
}
</script>
</head>
<body>
<div id="div1" style="width:10px;height:100px;border-style:solid; border-color:Red;border-width:1px;">案例:点击按钮动态变大,提示:
英文字母连续单词不会在中间自动换行额陷阱</div>
<input type="button" value="放大" onclick="var div1=document.getElementById('div1');div1.style.width='200px';
div1.style.height='200px' "/>
<input type="button" value="动态放大" onclick="showDiv()" />
</body>
</html>
3设置宽度时,不要这样写 div1.style.width=80px,而是
div1.style.width='80px'注意宽度是一个字符串
3.2修改元素样式不能写成this.style="background-color:Red",因为如果这样写,相当与对网页的style(风格进行了重置)
如果想修改,应该这样this.style.color="red",这样只修改一个this.color.background;
****若想找到一个控件的属性,首先在body中
<body>
<div id="div1">
<body/>
然后在
<script type="text/javascript">
div1.style.()//所有的属性都将出现
</script>
3.3.1创建按钮1,直接加载到body中来
<head>
div1.style.width = oldwidth+"px";//注意一定要加单位
div1.style.height = oldheight + "px";
}
}
</script>
</head>
<body>
<div id="div1" style="width:10px;height:100px;border-style:solid; border-color:Red;border-width:1px;">案例:点击按钮动态变大,提示:
英文字母连续单词不会在中间自动换行额陷阱</div>
<input type="button" value="放大" onclick="var div1=document.getElementById('div1');div1.style.width='200px';
div1.style.height='200px' "/>
<input type="button" value="动态放大" onclick="showDiv()" />
</body>
</html>
3设置宽度时,不要这样写 div1.style.width=80px,而是
div1.style.width='80px'注意宽度是一个字符串
3.2修改元素样式不能写成this.style="background-color:Red",因为如果这样写,相当与对网页的style(风格进行了重置)
如果想修改,应该这样this.style.color="red",这样只修改一个this.color.background;
****若想找到一个控件的属性,首先在body中
<body>
<div id="div1">
<body/>
然后在
<script type="text/javascript">
div1.style.()//所有的属性都将出现
</script>
3.3.1创建按钮1,直接加载到body中来
<head>
剩余14页未读,继续阅读
资源评论
- 渴饮刀头血2014-04-19确实是一篇笔记,笔记记录的比较详细,不太适合初学者,我是初学者,需要攒点基础才能看懂这篇笔记,谢谢分享。
三多10
- 粉丝: 0
- 资源: 8
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功