整合營銷服務商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          JavaScript HTML DOM-改變CSS

          JavaScript HTML DOM-改變CSS

          HTML DOM 允許 JavaScript 改變 HTML 元素的樣式。

          改變 HTML 樣式

          如需改變 HTML 元素的樣式,請使用這個語法:

          document.getElementById(id).style.property=新樣式

          下面的例子會改變 <p> 元素的樣式:

          實例

          <html>

          <body>

          <p id="p2">Hello World!</p>

          <script>

          document.getElementById("p2").style.color="blue";

          </script>

          <p>以上段落通過腳本修改。</p>

          </body>

          </html>

          使用事件

          HTML DOM 允許我們通過觸發(fā)事件來執(zhí)行代碼。

          比如以下事件:

          • 元素被點擊。

          • 頁面加載完成。

          • 輸入框被修改。

          • ……

          在接下來我介紹關于事件的知識。

          本例改變了 id="id1" 的 HTML 元素的樣式,當用戶點擊按鈕時:

          實例

          <!DOCTYPE html>

          <html>

          <body>

          <h1 id="id1">我的標題 1</h1>

          <button type="button"

          onclick="document.getElementById('id1').style.color='red'">

          點我!</button>

          </body>

          </html>

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          友們,下午好!

          都說一張美美的圖能為文章增色三分!

          那如果是一個交互的圖片樣式 + 幾張美美圖呢?這能為文章增色多少呢?

          比如這種(樣式ID:90298)

          使用這種樣式,即能有效的展示圖片,還能縮小文章空間,而且還與讀者存在互動交互,想不想知道這種樣式怎么做出來呢?

          上面兩種樣式都可以在樣式中心輸入ID搜索到。

          但是,樣式中心的原樣式,都是四張圖片滑動的,直接進行換圖就可以使用了。

          但如果要像三兒上面做的兩個樣式,一個是5張圖,一個是9張圖,就要進HTML進行修改了。

          教程一(帶圖片說明的樣式)

          進入到“HTML”模式,找到<section .........> </section>這段代碼,先選擇Ctrl+C復制。

          然后在此段代碼結(jié)尾處敲回車鍵換行,再選擇Ctrl+V粘貼。

          粘貼幾次,樣式就會在原有四張的基礎上多出幾張,胖友們可以根據(jù)自己的需求進行多次粘貼。

          教程二

          進入到“HTML”模式,找到<img src=........./>這段代碼,先選擇Ctrl+C復制,然后在此段代碼結(jié)尾處,再Ctrl+V粘貼。

          同上個樣式,粘貼幾次,樣式就會在原有四張的基礎上多出幾張,胖友們可以根據(jù)自己的需求進行多次粘貼。

          為了樣式的美感,還是有三點建議給大家。

          1、圖片請保持尺寸一致。否則會導致圖片層次不齊。

          2、尺寸請500x500以上。否則可能會使圖片不清楚。

          3、圖片大小盡可能小點。否則瀏覽時加載會不流暢。

          更多好玩樣式,請進樣式中心搜索“滾動

          好了,本次教程就到這里~bye

          ello大家好,這里是MoonShined。我發(fā)現(xiàn)有一個事情還沒有講,就是新下好的Chrome瀏覽器在地址欄上的默認的搜索引擎是谷歌,也就是Google。因為一些眾所周知的原因是不能直連谷歌的。當然我要講的實際上是設置默認的搜索引擎。

          ·在右上角這三個點點擊一下,一般來說一個程序里三個點就表示設置或者是選單的擴充。點擊一下設置就可以來到設置界面。

          ·在設置界面之中左邊有個非常明顯的選項就是搜索引擎,把搜索引擎改成百度,新建一個新標簽,默認的搜索引擎就是百度了。

          ·另一方面可能有同學會說點加號新建的標簽頁怎么空空如也,這個可以改,但是現(xiàn)在沒法直接改。接下來后面有機會我會教大家一個擴展程序去改一下自定義的標簽頁。現(xiàn)在有兩種其他解決方法。

          →第一種就是在外觀界面會有一個主頁按鈕,主頁按鈕是哪里?就是左上角小房子主頁按鈕,可以設置它的網(wǎng)址,就設置成百度。

          →第二種就是啟動的時候如果什么都不設置,它會打開一個赤果果的標簽頁,可以也設置成打開特定網(wǎng)頁或者一組網(wǎng)頁,這里添加一下新網(wǎng)頁,還是用百度。當然想打開網(wǎng)站就刷新抖音也沒問題,或者設置成學校官網(wǎng)這些都沒關系。

          這樣會讓你在打開網(wǎng)頁、主頁和打開瀏覽器的時候跳轉(zhuǎn)到指定的界面。新標簽以后有機會再講。


          主站蜘蛛池模板: 春暖花开亚洲性无区一区二区| 日韩精品乱码AV一区二区| 日韩视频在线观看一区二区| 亚洲国产美国国产综合一区二区| 精品一区二区三区无码视频| 亚洲一区综合在线播放| 国产熟女一区二区三区四区五区| 国产精品日韩一区二区三区| 国产精品av一区二区三区不卡蜜| 中文字幕一区二区精品区| 无码少妇一区二区性色AV| 国产一区二区视频在线观看| 亚洲国产成人精品久久久国产成人一区二区三区综| 在线观看日本亚洲一区| 精品欧洲av无码一区二区| 高清一区二区三区免费视频| 精品乱人伦一区二区三区| 亚洲一区无码精品色| 国产精品小黄鸭一区二区三区| 国产91一区二区在线播放不卡| 国产精品免费视频一区| 美女免费视频一区二区| 一区免费在线观看| 精品国产AⅤ一区二区三区4区| 久久影院亚洲一区| 波多野结衣AV无码久久一区| 久久青草国产精品一区| 夜色福利一区二区三区| 日韩国产免费一区二区三区| 日韩成人无码一区二区三区| 久久久久人妻精品一区三寸 | 国产丝袜美女一区二区三区| 丰满爆乳一区二区三区| 无码日韩精品一区二区免费暖暖| 日韩精品一区二区三区色欲AV| 日韩中文字幕精品免费一区| 精品免费国产一区二区| 视频一区二区在线播放| 一区二区三区无码视频免费福利| 日韩亚洲一区二区三区| 亚洲欧美日韩一区二区三区在线|