辛星分享一下用Javascript实现伪CSS的写法

对于咱们前台开发人员来说，Javascript和css那是再熟悉不过的了，那么我们可以用Javascript伪装成CSS的写法是怎么回事呢？其实就是貌似不写Javascript代码，但是有Javascript代码的作用，看下面代码：

<html>
<body>
	<p  onmouseover = "this.style.color = '#933'"
		onmouseout = "this.style.color = '#777'">
		辛星加油，我支持你</p>
</body>
</html>

这些代码既不是专门的写在script标签中的Javascript代码，又不是写到style标签中的css代码，有点像直接写到HTML中去了。

下面是它的效果演示：

上面就是我说的用Javascript之伪CSS写法了，不喜勿喷

时间： 2024-08-04 23:18:24

辛星分享一下用Javascript实现伪CSS的写法的相关文章

2014年辛星解读css第二节

第一节我们简介了一下CSS的工作流程,我相信读者会有一个大体的认识,那么接下来我们将会深入的研究一下CSS的细节问题,这些问题的涉及将会使我们的工作更加完善. *************注释************ 1.CSS也是需要注释的,注释中的内容不会被解释执行,它也和C语言一样,用/*开头,用*/结尾,其中的内容会被当做注释,我们想怎么写就怎么写. 2.下面给个例子: p{ color: green; /* 我们在这里书写注释 * 辛星CSS,与博客园共同成长 */ font-size:

2014年度辛星css教程夏季版第二节

第一节我们简介了一下CSS的工作流程,我相信读者会有一个大体的认识,那么接下来我们将会深入的研究一下CSS的细节问题,这些问题的涉及将会使我们的工作更加完善. *************注释************ 1.CSS也是需要注释的,注释中的内容不会被解释执行,它也和C语言一样,用/*开头,用*/结尾,其中的内容会被当做注释,我们想怎么写就怎么写. 2.下面给个例子: p{ color: green; /* 我们在这里书写注释 * 辛星CSS,与博客园共同成长 */ font-size:

2014年辛星解读Javascript之DOM之冒泡和捕获

上篇博客提到了Javascript事件绑定函数的三个參数.第一个是一个event.第二个是一个function.第三个是一个布尔变量.它用于指定事件传递的顺序,分为冒泡和捕获两种方式,接下来我们将揭开它的神奇面纱,彻底的解读它. 首先看例如以下代码: <html> <body> <div id = "demo"><p id = "tag">辛星</p></demo> <script typ

2014年辛星解读Javascript之DOM之事件及其绑定

我们通过DOM的事件能够对HTML的事件作出反应.就像我们用其它编程语言写GUI一样,那么HTML包含哪些事件呢?以下是几个常见的样例,比方网页已经完毕记载,图像完毕载入,鼠标移动到元素上方.输入文字被改变.表单提交.用户点击按键等等,还是蛮多的. 以下我们用实例来演示一下,看以下的HTML代码: <html> <p id = "tag" onclick="this.innerHTML ='小倩' ">辛星</p> </ht

2014年辛星解读Javascript之DOM快速入门

在Javascript的知识中,有一个所谓的DOM,即文档对象模型,我们可以通过它来访问HTML文档的元素,当网页被加载的时候,浏览器会去创建DOM,有了这个DOM,我们可以使用Javascript去改变页面中HTML元素和属性,改变CSS样式,能够对页面中的事件作出响应. 首先就是查找一个HTML元素,我们可以通过三种方式来做到,即通过id.标签名和类名,通过id是使用getElementById方法,它是doucument的一个方法,通过标签名则可以使用getElementsByTagNam

2014年辛星解读Javascript之用DOM动态操纵HTML元素

关于DOM,我们了解了可以用DOM操纵HTML的一些属性和样式,还可以为HTML元素绑定事件等等,那么接下来,我们将涉及到用DOM来动态的创建.删除HTML等一些操作,我的核心思路还是重实战,因此,代码示例是肯定少不了的. 不过在使用DOM动态操纵HTML元素之前,我们还是先了解一下DOM树,下面是我从网上找的一个DOM树的图片,它的截图如下: 如果大家学习过"树"这种数据结构,就会很好理解,一个父节点可以包含N个子节点,这些子节点可能是div.p等标签,也可以是属性,还可以是中间的文

2014年辛星Javascript解读第四节 流程控制语句

上一节我们介绍了函数,本小节我们介绍一下流程控制语句,对于不论什么一门编程语言来说,流程控制都是很重要的,也就是我们常说的顺序结构.选择结构和循环结构. ************选择结构*************** 1.Javascript中用条件语句来实现选择结构,它提供的选择结构主要是if语句.if....else语句和if...else if ...else语句,另一个switch语句,和PHP非常像. 2.这些语句都比較基础,因此我们这里仅仅给出if...else if..else的形

2014年辛星解读Javascript之用DOM动态操纵HTML元?

关于DOM,我们了解了能够用DOM操纵HTML的一些属性和样式,还能够为HTML元素绑定事件等等,那么接下来,我们将涉及到用DOM来动态的创建.删除HTML等一些操作,我的核心思路还是重实战,因此,代码演示样例是肯定少不了的. 只是在使用DOM动态操纵HTML元素之前,我们还是先了解一下DOM树,以下是我从网上找的一个DOM树的图片,它的截图例如以下: 假设大家学习过"树"这样的数据结构,就会非常好理解,一个父节点能够包括N个子节点,这些子节点可能是div.p等标签,也能够是属性,还能

辛星跟您分享一下vim的小技巧

vim的博大精深是毋庸置疑的,那么我们这里来分享下vim的一些小技巧,其实是我今天才发现的,因为我也是刚转用vim不久,对vim的很多功能也不熟悉,其实还是关于vim的一些配置上的东西. 第一个就是自动补全和自动缩进了,这个对程序员极为重要,我想没有哪个程序员认为缩进和补全是无关紧要的事,但是vim的自动缩进和自动补全不是默认开启的,需要咱们去进行一些设置,下面首先说一下自动补全,这里主要是括号的自动补全,咱们在咱们的配置文件中添加如下代码: "括号自动补全 if &term==&quo