這是append一個div的方法,
var descDiv = document.createElement('div');
document.getElementById("overlay").appendChild(descDiv);
var cssStr = "background-color: rgba(255,255,255,.8);z-index:1088; position:absolute;left:" + Left + "px; top:" + Top + "px;";
descDiv.style.cssText = cssStr;
注意: 這里的Top,Left值是變量。
這里是一個定義氣泡的css, 最終效果見圖形。
有什么簡單的辦法給應(yīng)用到剛才這個descDiv 上嗎? 就可以隨意的指定位置了
.arrow_box {
position: relative;
border: 1px solid #c2e1f5;
padding: 10px;
width: 200px;
height: 100px;
border-radius: 6px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
margin: 50px;
float: left;
}
.arrow_box:before,
.arrow_box:after {
position: absolute;
display: block;
width: 0;
height: 0;
border: solid transparent;
pointer-events: none;
content: "";
border-color: rgba(136, 183, 213, 0);
}
.arrow_box.left:before {
border-left-color: #c2e1f5;
border-width: 13px;
top: 38%;
left: 100%;
}
.arrow_box.left:after {
border-left-color: #fff;
border-width: 10px;
top: 41%;
left: 100%;
}
樓上2位回答得非常正確,直接用classList.add() 可以直接加偽類的類名
var helpinfoDiv = document.createElement('div');
document.getElementById("overlay").appendChild(helpinfoDiv);
var cssStr2 = "background-color: wsTextColorBlack;z-index:1088; box-shadow: 0 2px 1px rgba(0,0,0,.4); border:2px solid ; position:absolute;left:" + (Left + Width + 25) + "px;top:" + (Top + 0.5 * Height - 15) + "px; width:240px; height:30px;";
helpinfoDiv.style.cssText = cssStr2;
// helpinfoDiv.innerHTML = "<<< Info of " + div_id;
helpinfoDiv.innerHTML = " Enter Info ";
helpinfoDiv.style.color = "white";
helpinfoDiv.classList.add("helpinfoDiv");
helpinfoDiv.classList.add("helpinfoDiv:before,helpinfoDiv:after");
helpinfoDiv.classList.add("helpinfoDiv:before");
helpinfoDiv.classList.add("helpinfoDiv:after");
北大青鳥APTECH成立于1999年。依托北京大學優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
北大青鳥中博軟件學院創(chuàng)立于2003年,作為華東區(qū)著名互聯(lián)網(wǎng)學院和江蘇省首批服務(wù)外包人才培訓基地,中博成功培育了近30000名軟件工程師走向高薪崗位,合作企業(yè)超4
中公教育集團創(chuàng)建于1999年,經(jīng)過二十年潛心發(fā)展,已由一家北大畢業(yè)生自主創(chuàng)業(yè)的信息技術(shù)與教育服務(wù)機構(gòu),發(fā)展為教育服務(wù)業(yè)的綜合性企業(yè)集團,成為集合面授教學培訓、網(wǎng)
達內(nèi)教育集團成立于2002年,是一家由留學海歸創(chuàng)辦的高端職業(yè)教育培訓機構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
曾工作于聯(lián)想擔任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責任公司從事總經(jīng)理職務(wù)負責iOS教學及管理工作。
浪潮集團項目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗,技術(shù)功底深厚。 授課風格 授課風格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。