下面是我的代码，我想实现的是动态生成div然后点击的时候，改div滚动，但是不行啊

ngoolasi 2011-11-10 09:09:49
var i=1;
var divzhanchun;
var step;
function creatediv()
{

var name='messagediv'+i;
var id='mes'+i;
var newdiv=document.createElement(name);
newdiv.id=id;
newdiv.innerText='你是不是想吃屎啊';
newdiv.style.top='300px';
newdiv.style.left='20px';
newdiv.position='absolute';
divzhanchun=newdiv;
newdiv.onclick=control();

document.body.appendChild(newdiv);
}

function mandalpha()
{
// var time1;
// step=(500-parseInt(divzhanchun.style.left))/10;
step=parseInt(divzhanchun.style.left)+5;

divzhanchun.style.offsetleft=step+'px';
}

function control()
{
setInterval('mandalpha()',20);
}

...全文
121 13 打赏 收藏 转发到动态 举报
写回复
用AI写文章
13 条回复
切换为时间正序
请发表友善的回复…
发表回复
BLUE_LG 2011-11-11
  • 打赏
  • 举报
 回复
你把control函数的内容放到onclick里面看看行不？
ngoolasi 2011-11-11
  • 打赏
  • 举报
 回复
加上这句就对了，谢谢哥们，还有6分，本来想都给你的，但是给不了了啊，有了分在给你啊，谢谢
p2227 2011-11-11
  • 打赏
  • 举报
 回复
newdiv.style.position='absolute';



其他的你再细看吧，我自己都记不清改了多少地方了。
ngoolasi 2011-11-11
  • 打赏
  • 举报
 回复
[Quote=引用 9 楼 p2227 的回复:]
你的代码的其他部分对这段代码的变量有影响吧，而且我也不知道你是怎么放到你的网页中，有什么错误提示。
[/Quote]
什么提示都没有，就是生成的层可以，但是不可以移动
我的其他的代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="mianchat2.aspx.cs" Inherits="mianchat2" %>

<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" language="javascript">


var i=1;
var divzhanchun;
var step;
function creatediv()
{
var tagN ="div";
var name='messagediv'+i;
var id='mes'+i;
var newdiv=document.createElement(tagN);
newdiv.id=id;
newdiv.name=name;
newdiv.innerHTML='你是不是想吃屎啊';
newdiv.style.top='300px';
newdiv.style.left='220px';
newdiv.style.width='200px';
newdiv.position='absolute';
newdiv.style.border="1px solid #000000";
divzhanchun=newdiv;
// newdiv.onclick= control;
newdiv.setAttribute("onload",control());
document.body.appendChild(newdiv);
i++;
}

function mandalpha()
{
//// var time1;
//// step=(500-parseInt(divzhanchun.style.left))/10;
// step=parseInt(divzhanchun.style.left)+5;
// divzhanchun.style.left=step+'px';
var left =document.getElementById('mes1').style.left.match(/\d+/)[0];
left = parseInt(left);
left = left>window.screen.width ? 20 : left+5;
// alert(left);
document.getElementById('mes1').style.left = left + "px" ;
}

function control()
{
setInterval('mandalpha()',20);
}



</script>
<style type="text/css">
#contener {
height: 1200px;
width: 990px;
}
#contener #top {
height: 170px;
width: 990px;
background-color: #F9C;
}
#contener #middle_left {
float: left;
height: 600px;
width: 620px;
background-color: #0FF;
overflow:scroll;
}
#contener #middle_right {
float: left;
height: 750px;
width: 370px;
background-color:#9F0;
overflow:scroll;
}
#contener #middle_left_contener #middle_left_buttom #txtmessage {
height: 90px;
width: 480px;
float:left;
border:5;
}
#contener #middle_left_contener{
float:left;
height:750px;
width:620px;
background-color:#999;
}
#contener #middle_left_contener #middle_left_buttom {
float:left;
background-color: #FF0;
height: 150px;
width: 620px;
}
#contener #contener_buttom {
background-color: #0FF;
float: left;
height: 250px;
width: 990px;
}
</style>
</head>

<body><center>
<div id="contener" >
<div id="top" align="left">此处显示的事也头文件</div>
<div id="middle_left_contener">
<div id="middle_left"> sdssd</div>
<div id="middle_left_buttom" align="left">
<div id="middle_left_contener_buttom_top" style="height:40px;"></div>
<input id="txtmessage" type="text"/>
<img src="img/send.png" style="height: 85px; width: 68px" onmousedown
="javascript:localtion:src='img/send2.png'" onmouseup="javascript:localtion:src='img/send.png'" onclick="creatediv()"/>
</div></div>
<div id="middle_right">iddleleft</div>
<div id="contener_buttom">
</div>
</div>
</div></center>
</body>
</html>
</html>
ngoolasi 2011-11-11
  • 打赏
  • 举报
 回复
[Quote=引用 9 楼 p2227 的回复:]
你的代码的其他部分对这段代码的变量有影响吧，而且我也不知道你是怎么放到你的网页中，有什么错误提示。
[/Quote]
什么提示都没有，就是生成的层可以，但是不可以移动
我的其他的代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="mianchat2.aspx.cs" Inherits="mianchat2" %>

<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" language="javascript">


var i=1;
var divzhanchun;
var step;
function creatediv()
{
var tagN ="div";
var name='messagediv'+i;
var id='mes'+i;
var newdiv=document.createElement(tagN);
newdiv.id=id;
newdiv.name=name;
newdiv.innerHTML='你是不是想吃屎啊';
newdiv.style.top='300px';
newdiv.style.left='220px';
newdiv.style.width='200px';
newdiv.position='absolute';
newdiv.style.border="1px solid #000000";
divzhanchun=newdiv;
// newdiv.onclick= control;
newdiv.setAttribute("onload",control());
document.body.appendChild(newdiv);
i++;
}

function mandalpha()
{
//// var time1;
//// step=(500-parseInt(divzhanchun.style.left))/10;
// step=parseInt(divzhanchun.style.left)+5;
// divzhanchun.style.left=step+'px';
var left =document.getElementById('mes1').style.left.match(/\d+/)[0];
left = parseInt(left);
left = left>window.screen.width ? 20 : left+5;
// alert(left);
document.getElementById('mes1').style.left = left + "px" ;
}

function control()
{
setInterval('mandalpha()',20);
}



</script>
<style type="text/css">
#contener {
height: 1200px;
width: 990px;
}
#contener #top {
height: 170px;
width: 990px;
background-color: #F9C;
}
#contener #middle_left {
float: left;
height: 600px;
width: 620px;
background-color: #0FF;
overflow:scroll;
}
#contener #middle_right {
float: left;
height: 750px;
width: 370px;
background-color:#9F0;
overflow:scroll;
}
#contener #middle_left_contener #middle_left_buttom #txtmessage {
height: 90px;
width: 480px;
float:left;
border:5;
}
#contener #middle_left_contener{
float:left;
height:750px;
width:620px;
background-color:#999;
}
#contener #middle_left_contener #middle_left_buttom {
float:left;
background-color: #FF0;
height: 150px;
width: 620px;
}
#contener #contener_buttom {
background-color: #0FF;
float: left;
height: 250px;
width: 990px;
}
</style>
</head>

<body><center>
<div id="contener" >
<div id="top" align="left">此处显示的事也头文件</div>
<div id="middle_left_contener">
<div id="middle_left"> sdssd</div>
<div id="middle_left_buttom" align="left">
<div id="middle_left_contener_buttom_top" style="height:40px;"></div>
<input id="txtmessage" type="text"/>
<img src="img/send.png" style="height: 85px; width: 68px" onmousedown
="javascript:localtion:src='img/send2.png'" onmouseup="javascript:localtion:src='img/send.png'" onclick="creatediv()"/>
</div></div>
<div id="middle_right">iddleleft</div>
<div id="contener_buttom">
</div>
</div>
</div></center>
</body>
</html>
</html>
p2227 2011-11-11
  • 打赏
  • 举报
 回复
你的代码的其他部分对这段代码的变量有影响吧，而且我也不知道你是怎么放到你的网页中，有什么错误提示。
ngoolasi 2011-11-11
  • 打赏
  • 举报
 回复
[Quote=引用 7 楼 p2227 的回复:]
HTML code
<!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 http-eq……
[/Quote]

这段代码我单独运行的时候可以为什么我放到我的网页中就不行了呢？我只做的网页布局比较多，然后这段代码就不能用了
求解释
p2227 2011-11-11
  • 打赏
  • 举报
 回复 
<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />





<title>111</title>

<script type="text/javascript">

var i=1;

var divzhanchun;

var step;

function creatediv()

{

var tagN ="div";

var name='messagediv'+i;

var id='mes'+i;

var newdiv=document.createElement(tagN);

newdiv.name=name;

newdiv.id=id;

newdiv.innerHTML='你是不是想吃屎啊';

newdiv.style.top='300px';

newdiv.style.left='20px';

newdiv.style.position='absolute';

divzhanchun=newdiv;

newdiv.onclick=control;



document.body.appendChild(newdiv);	

}



function mandalpha()

{



var left = document.getElementById('mes'+i).style.left.match(/\d+/)[0];

left = parseInt(left);

left = left>window.screen.width ? 20 : left+5;

document.getElementById('mes'+i).style.left = left + "px" ;



}



function control()

{   

  setInterval('mandalpha()',20);

}





</script>



</head>

<body onload="creatediv()">



<script>



</script>

</body>

</html>
ngoolasi 2011-11-11
  • 打赏
  • 举报
 回复
怎么情况啊 ，大家都不知道啊，？愁死我啦
ngoolasi 2011-11-11
  • 打赏
  • 举报
 回复
[Quote=引用 4 楼 ifandui 的回复:]
var name='messagediv'+i;
var id='mes'+i;
var newdiv=document.createElement(name);
这句话什么意思document.createElement('messagediv1');
??
[/Quote]
就是 动态的创建div啊，以及指定她的name和id属性
默默不得鱼 2011-11-11
  • 打赏
  • 举报
 回复
var name='messagediv'+i;
var id='mes'+i;
var newdiv=document.createElement(name);
这句话什么意思document.createElement('messagediv1');
??
ngoolasi 2011-11-10
  • 打赏
  • 举报
 回复
不i对啊，哥们
p2227 2011-11-10
  • 打赏
  • 举报
 回复
newdiv.onclick=control;


其他的现在这台机没调试环境，等其他高手解决吧
css如何隐藏div滚动条却又能实现滚动功能？
很多时候我们为了美观不想出现滚动条，但是又要保留随着鼠标滚动而滚动的功能。 下面我来谈谈该如何做 原理如下: 可以用padding等，把滚动条挤出到外面去，达到隐藏的效果。 具体操作： 在当前div的外面在嵌套一个div，外面div设置隐藏滚动条，里面的div宽度小于外面n像素，右内边距设置成n像素，然后在设置显示竖直滚动条 先给大家看一个简单的有滚动条的html界面： 代码如下： <htm...
div内容超出自动滚动
情况一： 1.要求：div内容超出自动滚动，鼠标进入停止滚动 2.效果： 3.代码（vue） <template> <div class='container'> <div ref="contentRef" class="content"> <div v-for="item in 20" :key="item" class="contentItem">{{item}}</div> </div&
DIV怎么自动添加滚动条？并给滚动条添加样式
如何实现当DIV里的内容超过DIV的高度，DIV会自动添加滚动条 1.　div的style设置了overflow:auto后，当DIV里的内容超过DIV的高度，DIV会自动添加滚动条，拉动滚动条才能看到底.
【HTML实现div循环滚动展示】
实现div循环切换（swiper插件） 注：swiper官网：https://2.swiper.com.cn/usage/index.html 首先加载插件，点击下载基础测试包，测试包里面已经包含了js和css文件。注意引用路径的修改 （下载地址：https://2.swiper.com.cn/download/index.html#file1） <head> <link rel="stylesheet" href="css/idangerous.swiper.css">
vue 固定div 滚动_Vue实现局部滚动效果?
vue实现区域滚动借助better-scroll实现区域滚动1、安装npm install better-scroll2、引入，在要使用该插件的vue文件中js代码之前引入import BScroll from 'better-scroll'3、在vue中实例化better-scroll如果不是动态生成的标签，直接在引入插件之后实例化就可以1.let wrapper = this.$refs.wr...
JavaScript

87,993

社区成员

224,694

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章