【www.gdgbn.com--jquery】

 jquery动态创建div,设置属性和css教程样式
*/

var creatediv= function(){
    var parentdiv=$("");        //创建一个父div
    parentdiv.attr("id","parent");        //给父div设置id
    parentdiv.addclass("parentdiv");    //添加css样式

    var childdiv=$("");        //创建一个子div
    childdiv.attr("id","child");            //给子div设置id
    childdiv.addclass("childdiv");    //添加css样式
    childdiv.appendto(parentdiv);        //将子div添加到父div中

    parentdiv.appendto("body");            //将父div添加到body中
}

在ie6,ie7,傲游,ff测试下通过


实例代码二

var boarddiv = "加载中...";
$(window).load(function(){
//window.alert("ok");
$(document.body).append(boarddiv);
});


实例三

jquery动态创建div //动态创建div数据

$(".wxs_zi3").mouseo教程ver(function(e)
{  
mouse(e);
$("#content").html($(this).html());

$("#content").css({ top: toppos ,left: leftpos });//给显示层定义css--当前计算出的位置
$("#content").show(300);
})


//计算坐标函数
function mouse(e){
mouse = new mouseevent(e);
leftpos = mouse.x + 10;
toppos = mouse.y + 10;
}
//获取鼠标坐标函数
function mouseevent(e) {
this.x = e.pagex
this.y = e.pagey
 

 

本文来源:http://www.gdgbn.com/wangyezhizuo/27439/