html快捷生成div(html快速生成工具)

html div footer 快捷打法。

先打一个“div”然后按TAB键，就会出来完整的"div/div"标签

html5 怎么动态创建div并赋值

用js 参考一下这个代码

script

window.onload=function () {

??????? var Odiv=document.createElement("div");???????????? //创建一个div

??????? var Ospan=document.createElement("span");????????? //创建一个span

??????? Odiv.style.cssText="width:200px;height:200px;background:#636363;

??????? text-align:center;line-height:220px";??? //创建div的css样式

??????? //Odiv.id="box";??????????????????????????? //创建div的id为box

??????? //Odiv.className="Box";??????????????????? //div的class为Box

??????? Odiv.appendChild(Ospan);??????????? //在div内创建一个span

??????? document.body.appendChild(Odiv);??????? //在body内创建一个div?

??? }

/script

输入div.hju*4样式按什么快捷键可以直接生成4个DIV

在输入div.hju*4之后，在最后按下tab键即可，但是前提是你使用了相应编辑器（如Sublime Text）当中的相关插件（如：Emmet插件），没有插件功能的话，是没办法以快捷方式书写代码的

关于Sublime编辑器的插件安装以及具体的使用方法，可以详见这个：

Sublime Text编辑器的插件Emmet的安装与配置

在安装好插件之后，就可以操作了

如：

在Sublime Text中快速书写html代码

html中点击图片促发一个DIV

在图片的div里添加属性onmouseover=“divjs()”

然后scriptfunction divjs(){这里写div操作}/script

还有一个就是用js实现：这是我的一个鼠标经过触发，你自己可以仿照着改

$(document).ready(function () {

$("#accordion img").css({

display: "none",

left: "auto"

});

$("#accordion img").hover(function () { //这里是鼠标经过的事件

$(this)

.find("ul")

.stop(true, true)

.slideDown("fast");

}, function () {

$(this)

.find("ul")

.stop(true, true)

.fadeOut("fast");

});

});