<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>JS實(shí)現(xiàn)文字放大效果</title>

<script type="text/javascript">

  var n = 12;

  function chanTxt()

  {

    var obj = document.getElementById("test");

    if(n <= 42)

    {

      obj.style.fontSize = n+"px";

    }

 n++;

  }

</script>

</head>

<body>鼠標(biāo)經(jīng)過橙色部分

<div id="test" onmouseover="setInterval('chanTxt()',100)" style="width:300px; height:50px; font-size:12px; line-height:50px; background:#f90;">腳本之家</div>

</body>

</html>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

javascript跨域原因以及解決方案分享
這篇文章主要介紹了javascript跨域原因以及解決方案分享，十分的細(xì)致全面，有需要的小伙伴可以參考下。
2015-04-04
js讀取本地文件的實(shí)例
下面小編就為大家分享一篇js讀取本地文件的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2017-12-12
什么是JavaScript的防抖與節(jié)流
這篇文章主要介紹了什么是JavaScript的防抖與節(jié)流,防抖是在頻繁觸發(fā)某一個(gè)事件時(shí)，一段時(shí)間內(nèi)不再觸發(fā)該事件后才會(huì)去調(diào)用對(duì)應(yīng)的回調(diào)函數(shù)，在設(shè)定間隔時(shí)間內(nèi)如果下一次事件被觸發(fā)，那么就重新開始定時(shí)器，直到事件觸發(fā)結(jié)束，節(jié)流看下面文章的具體介紹吧
2021-12-12
JS+CSS實(shí)現(xiàn)簡(jiǎn)單的二級(jí)下拉導(dǎo)航菜單效果
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)簡(jiǎn)單的二級(jí)下拉導(dǎo)航菜單效果,通過簡(jiǎn)單的JavaScript頁面元素遍歷及樣式操作實(shí)現(xiàn)下拉菜單效果,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
2015-09-09
從Immutable.js到Redux函數(shù)式編程
這篇文章主要為大家介紹了從Immutable.js到Redux函數(shù)式編程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-04-04
ES6/JavaScript使用技巧分享
本篇文章主要給大家講解了ES6/JavaScript使用技巧，需要的朋友參考一下吧。
2017-12-12
javascript宿主對(duì)象之window.navigator詳解
這篇文章主要為大家詳細(xì)介紹了javascript宿主對(duì)象之window.navigator，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-09-09
在網(wǎng)頁中插入百度地圖的步驟詳解
在企業(yè)網(wǎng)站中常會(huì)看到企業(yè)地址會(huì)顯示在地圖上，那么，如何實(shí)現(xiàn)這種功能呢？本篇文章就主要介紹在網(wǎng)頁中插入百度地圖的步驟，下面就隨小編一起來看看吧
2016-12-12
JavaScript跨瀏覽器獲取頁面中相同class節(jié)點(diǎn)的方法
這篇文章主要介紹了JavaScript跨瀏覽器獲取頁面中相同class節(jié)點(diǎn)的方法,本文講解使用getELementsByClassName函數(shù)解決這個(gè)需求,并給了一個(gè)開源的getELementsByClassName函數(shù)實(shí)現(xiàn),功能更加強(qiáng)大,需要的朋友可以參考下
2015-03-03
js實(shí)現(xiàn)滑動(dòng)進(jìn)度條效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)滑動(dòng)進(jìn)度條效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-08-08