html鼠标经过自动展开和点击展开代码。

html-css013

html鼠标经过自动展开和点击展开代码。,第1张

1.创建一个新的HTML文件百,该文件被称为测试。标题是“CSS实现的鼠标在导航栏上显示的超链接的下划线效果”。

2.在页面上写nav标签,放入三个超链接(首页,第一栏,第二栏),代码如下。

3.运行代码,效果如下。

4.使用backCSS来美化字体大小、颜色和导航字体的排列。守则如下。

5.运行代码,效果如下:可见,经过CSS样式美化,当鼠标经过时,显示蓝色。

6.使用CSS代码,实现鼠标在上面显示下划线效果,代码如下。

7.在浏览器中运行代码以达到预期的效果。

在<body>里加一个onload="abc()"的属性就行了,abc()即为处理的方法。

1、设置一个定时触发事件

$timeout(function () {

alert("这里写你的点击会触发的事件")

}, 500)

0.5秒后执行

2、或者你自己把点击事件 写成直接执行不需要点击。

abc=function(){

alert("你要执行的语句")

}

abc()

注意:不过直接写有一个缺陷,这涉及到生命周期,如果你多级页面跳转,你第一次编译时会执行,如果有缓存的话他就不会执行了,如果你想每次(不管什么情况只要进入这个页面就执行)最好把这个写到生命周期里面。