让字体美起来
例二
<html>
<head>
<title></title>
</head> 织梦好，好织梦
<body>
<ponmouseover="this.style.fontSize=200"onmouseout="this.style.fontSize=100">田涛</p>
</body>
</html>
以上实例是利用内联改变字体样式，当鼠标指向“田涛”时字体因为定义了this.style.fontSize=200，这两个字放大至200pt,当鼠标移开“田涛”时，因定义了this.style.fontSize=100，这两个字体缩小到100pt.
内容来自dedecms
2.JavaScript引发事件。 内容来自dedecms
<html> dedecms.com
<head>
<style>
织梦内容管理系统
H1.italic{font-style:italic} 织梦内容管理系统
H1.bold{font-style:bold;} 织梦内容管理系统
</style>
</head>
<body>
<scriptlanguage="JavaScript"> dedecms.com
functionchangeHead(){
织梦内容管理系统
if(H1_1.className=="bold"){ 本文来自织梦
H1_1.className="italic"}
copyright dedecms
else{ 内容来自dedecms
H1_1.className="bold";}
}
</script>
<h1id="H1_1"class="bold"onmouseover="changeHead()"onmouseout="changeHead()">田涛</h1>
</body>
</html>
在上面的实例当中，我们首先定义了两个CSS类H1.italic和H1.bold，然后利用JavaScript脚本定义函数changeHead(),最后在需要的地方引发事件执行定义好的函数。这里我们引发了两个单击事件onmouseover和onmouseout。在这里我还要说一点，因为你定义了H1两个类H1.italic和H1.bold，所以当你在引用时，要首先设置class="bold"，表示字体以bold样式出现。然后，移动鼠标到“田涛”上，触发了事件一，移开“田涛”时，触发了事件二。
对于动态字体，我们还有很多方法来完善它。只是在考虑利用动态字体时，需要了解不同浏览器会产生不一样的结果。这时侯，就需要不停测试，来找到一个两全其美的方法。最后，希望你在看完这篇文章后，找一点CSS及JavaScript的资料来看，因为它们才是实现所有“梦想”的工具。 织梦好，好织梦
内容来自dedecms
织梦好，好织梦
文章评论
共有位Admini5网友发表了评论 查看完整内容