台部落zhengxue

用html+css+js做一個簡易的文本展開收起效果。如圖：（部分結構標籤可能不是最佳選擇，此次僅以實現展開收起效果爲例子）以HBuilder編輯器選項卡中“查找”選項爲例。設定“查找”爲鏈接，點擊鏈接實現標籤的展開收起效

2020-07-03 01:58:37

之前實現了箭頭切換，現在來添加按鈕切換。在點擊按鈕時，直接切換到對應的圖片。下面來爲小圓點按鈕添加點擊事件： //爲小圓點添加點擊事件 for(var i =0; i <buttons.length; i++){

2020-07-03 01:58:37

完成了靜態佈局，開始用JS實現動態效果了。先用JS實現前後箭頭切換圖片的功能。首先在頁面加載完成時通過id號來獲取元素。 window.onload = function (){ var container = doc

2020-07-03 01:58:27

網頁中所用的三種圖片格式分別是JPEG、PNG、GIF。不同的圖片需要選擇不同的存儲格式，這樣能夠避免由於圖片格式錯誤而造成頁面性能降低。現在對三種web圖片存儲格式做一個簡單知識歸納如下：一、JPEG 適用於：照片和複雜圖

2020-02-20 16:33:36

本篇實現圖片的無限滾動效果。因爲圖片改變是left值改變來控制的，所以，要實現無限滾動的效果就需要left值也在值段範圍內無限滾動改變。向左滑動圖片時，當left < -3000，left歸位到第一張圖 -600；向右滑動圖

2020-02-20 16:33:36

CSS選擇器，實現對HTML頁面元素的選擇控制，爲元素精確添加CSS樣式。選擇器種類有很多，將其比較分類有利於對選擇器進行系統的掌握。每個人都有不同的分類方法，我根據選擇器的功能特點及其分支大致將其歸爲四大類——常用選擇器、屬性

2020-02-20 16:33:36

最近做了一個簡潔風個人網站主頁，和大家分享一下。界面如圖，（換了兩張背景圖片）：一、界面：背景爲一組自定義圖片，中間一個透明標籤，標籤內包含header，content，footer三部分；二、基礎功能：點擊header部

2020-02-20 16:33:36

今天系統的學習了一下輪播圖。又來打卡記錄啦！輪播圖的要素主要有：圖片，焦點小圖標，前後播放按鍵。佈局完成後的效果如圖：下面就上靜態佈局的代碼： <body> <div id = "container"> <div

2020-02-20 16:33:36

目前的效果在切換圖片時，left值是直接改變。從第1張圖到第2張圖left直接從-600變爲-1200。現在需要把圖片切換設置成動畫的效果，使圖片的切換更加流暢。首先在change函數中設置一下一種圖片在切換時：位移總時間，位移

2020-02-20 16:33:35

之前寫的焦點輪播圖只適用於PC端，在手機上會出現窗口不適配問題。由於涉及的固定寬高較多，所以百分比適配的方案就捨棄了。現在上新一個2.0版本，可以讓輪播圖在移動端能根據屏幕大小有適當的顯示。 <!DOCTYPE html> <h

2020-02-20 16:33:35

輪播圖終於更完了，附上完整代碼： <html> <head> <meta charset="utf-8" /> <title>焦點輪播圖</title> <style type="text/css"> *{

2020-02-20 16:33:35

點擊事情完成了，現在來實現自動切換的功能！原理很簡單———定時器，相當於隔一段時間就調用一下點擊右箭頭事件！首先全局定義一個定時器timer。再分別給出自動切換函數和自動切換停止函數。老規矩，上代碼： function p

2020-02-20 16:33:35

html中元素可以按照分爲兩類，塊級元素和內聯元素（行級元素）。塊級元素特點：前後換行。默認空間寬度獨佔一行，高度是本身高度。可以設置寬高。塊級元素可以嵌套行級元素。塊級元素也可以嵌套塊級元素。內容塊級元素（尤其是h、p）不

2019-01-02 17:12:55

HTML5提供了很多新的功能以及相應的接口，離線存儲就是其中的一個，離線存儲可以將站點的一些文件存儲在本地，在沒有網絡的時候還是可以訪問到以緩存的對應的站點頁面，其中這些文件可以包括html，js，css，img等等文件，但

2018-12-26 19:40:24

項目中，通常會有前後端自定義數據的情況。前端在獲取後端數據格式轉化後，當兩邊的JSON對象中鍵名不一致時，需要先進行鍵名的兼容處理，才能進行數據渲染。上個栗子：轉換前獲取的數據： var demoJSON = [

2018-11-26 01:49:20