當前位置: 首頁  - 標簽“HTML5“ - 列表 學而時習之,不亦說乎

HTML5

zblog作品墨初VIP主題,響應式設計,簡潔而不簡單.....

墨初VIP主題,響應式設計,簡潔而不簡單.....

前段時間發布一個墨初主題的免費版本,在免費版本中并沒有加入太多功能,主題以測試前端為主的,一些主題的數據需要在模版中修改非常的不方便,但使用上并沒有任何限制,如果你喜歡折騰可以下載免費版本進行使用或修改。本次發布的VIP版本,可以很方便的在后臺的主題設置中修改模版中的任何數據,當然如果你想獲得本版本,需要給本站的博主一點點的贊助支持哦!別

推薦
zblog作品Z-Blog用戶中心插件正式發布啦。。。

Z-Blog用戶中心插件正式發布啦。。。

国产视频app 如果你的主題想適配此插件或想了解更多的功能,請閱讀《墨初用戶中心插件使用教程》這篇文章!演示站注冊邀請碼:PHLF6F演示地址:1、本插件演示地址 http://us.502la.com 2、注冊邀請碼:PHLF6F3、各位在體驗時,如遇到什么問題,可直接與我聯系!4、加入QQ群 79609235 可以免費1.9版本的用戶中心插件(免

推薦
zblog作品zblog博客/CMS主題發布,強力代碼級別優化,速度快,收錄快

zblog博客/CMS主題發布,強力代碼級別優化,速度快,收錄快

經過一個月的編寫,墨初CMS主題強勢發布。此主題由VIP主題演化而來,但又不同于VIP主題,全新的后臺處理代碼,并加入了部份緩存機制,強力前臺代碼優化配合主題增強插件。做到了功能多樣化,加載速快,被搜索引擎收錄快等特點。演示地址:飛鳥慕魚博客文章內容頁面代碼復制點擊復制代碼Ctrl+C就可以復制代碼啦CMS首頁模塊首頁CMS模塊可自己選擇

推薦
Web前端禁止 input 自動彈出下拉框的方法

禁止 input 自動彈出下拉框的方法

經常設計 form 表單的開發應該知道,用戶在瀏覽器中向表單輸入信息的時候會被 input 記錄下來,以后每次雙擊 input 文本框時都會展示以前輸入過的信息,雖然這樣很方便,但會暴露用戶的隱私數據。那如何禁止 input 輸入框不記錄用戶輸入的信息呢?下面就來說一下!input 中的 autocomplete 屬性autocomple

Web前端js實現鼠標拖動div改變其位置的教程

js實現鼠標拖動div改變其位置的教程

今天接到一個小小的需求,就是利用 JS 來實現鼠標拖動一個div,來實現其位置的改變。雖然說要求看著很簡單,但實現起來還是比較難一點的,下面就說說實現的方法!js實現鼠標拖動div改變其位置的方法先上個圖示,大家看一下效果!js實現鼠標拖動的div的代碼html完整代碼<!DOCTYPE html><html>&l

Web前端DIV+CSS制作(table)表格的方法

DIV+CSS制作(table)表格的方法

国产视频app 在前端的網頁設計需求中,有時候需要使用表格來展示一些數據,但又不能使用 html 中的 table 標簽來做,那么我們只有使用 DIV + CSS 來畫一個表格了。下面就介紹幾種方法,大家來參考一下!使用 DIV+CSS 制作一個表格先上一個由CSS+DIV簡單制作的表格樣式的示例!html示例代碼:<!DOCTYPE html&g

Web前端限制 html input 只能輸入數字的方法

限制 html input 只能輸入數字的方法

在前臺的 html 頁面設計中,有時候需要 input 輸入框中只能輸入數字。那么如何對 input 的輸入類型做限制呢?下面飛鳥慕魚博客的小編就來和大家說一說!限制 input 只能輸入大于 0 的正整數的示例示例1:下面的代碼可以實現,input 只限制輸入大于 0 的正整數,但是如果使用復制粘貼內容的方法,是可以繞過判斷的,因為它只

JS/JQjs 對 html 字符轉義與反轉義的方法

js 對 html 字符轉義與反轉義的方法

国产视频app 在編寫 html 時,為使其代碼可以在頁面上正常的顯示。我們需要對其進行轉義操作,這樣也可以在一定的程度上避免的 XSS 攻擊!這篇博文就簡單的介紹一下利用 JS 對 HTML 代碼進行轉義與反轉義的方法。js replace 方法在講解 js 如何轉義 html 代碼,先說一說 js 方法。因為下面要用得到,先了解一下。replace(

JS/JQ js html自動刷新頁面的方法

js html自動刷新頁面的方法

昨天水了一篇關于 JS 刷新頁面的方法,今天閱讀時發現少寫了一些小知識點,那么就再水一篇關于 JS 與 html 如何自動刷新頁面的方法的教程。js 自動刷新頁面的的方法示例我們可以利用 JS 中 setTimeout() 方法來實現定時的功能,只需要對這個函數添加一個調用的函數和時間段即可!js 代碼<script>func

JS/JQjs獲取瀏覽器高度與寬度的方法

js獲取瀏覽器高度與寬度的方法

国产视频app 今天在寫一個js效果時,需要用到瀏覽器顯示區域高度的值,所以就查了一下相關的js方法,發現里面的道道還真的不少。下面就來詳細的說一下。先上圖,再看內容!圖片來自網絡,侵刪js獲取瀏覽器可視區域的高度和寬度的方法1、獲取沒有聲明 DOCTYPE IE瀏覽器顯示窗口的大小document.body.offsetWidthdocument.bo

Web前端html Meta 標簽屏蔽蜘蛛抓取的方法教程

html Meta 標簽屏蔽蜘蛛抓取的方法教程

今天有人說可以利用 html 頁面的中 meta 標簽來屏蔽搜索引擎蜘蛛的抓取或不讓蜘蛛抓取網頁中的其它鏈接,本著好奇的精神,就查了一些相關的資料,發現了一串類似 <meta name='robots' content='noindex,nofollow' /> 這樣的HTML代碼,可以告訴來網

Web前端css 選擇沒有內容的元素的方法

css 選擇沒有內容的元素的方法

今天在寫一個主題時,需要把一些沒有內容的元素給隱藏掉,由于是由后臺動態生成的頁面,不知道沒有內容的元素在哪。當然這種問題對于技太大姥來說,是簡單的一筆,但對于像我這種菜鳥來說,就很難了。所以就想出了,用CSS來隱藏一些空內容元素的方法。CSS :empty 選擇器介紹css 選擇內容為空的元素,需要用到 CSS 的 :empty 選擇器!

Web前端js 清空 input file 的值的方法

js 清空 input file 的值的方法

国产视频app 今天在做一個利用 JS 上傳本地圖片的小功能時,需要在文件上傳成功后,清空 file 類型的 input 元素中所選擇的本地文件,以方便二次功能的調用!而這篇文章飛鳥慕魚博客就來說一說,如果利用 js 來清空一個 file 類型 input 元素的值。js 清空 input file 值的方法方法1:直接將 input file 的值改成

Web前端js 實現側邊欄跟隨固定范圍內浮動的效果

js 實現側邊欄跟隨固定范圍內浮動的效果

国产视频app 今天在寫一個主題時,需要讓頁面的側欄在指定的DIV元素范圍內跟隨瀏覽器進行浮動,具體要實現的效果,可在pc端查看本頁面的右則部份,在頁面的不斷上下滾動的情況下,右則的則欄則始終會在瀏覽器的可視范圍內,并不會超出遮擋其它的DIV元素,而這個效果的實現,需要用到一個叫“theia-sticky-sidebar.js” js文件。theia-s

Web前端css calc() 進行計算的方法

css calc() 進行計算的方法

css3 中給我們提供了一個很有意思的函數 calc(),此函數可以讓瀏覽器在解析CSS時,對元素的長度,寬度,以及其它的屬性進行加,減,乘,除的計算。它的應用不是很廣泛,但一般在自適應類型的網頁中會經常看到它的身影。css calc() 計算函數calc():函數用于動態計算。語法:calc(expression)參數:expressi

Web前端table 表格邊框合并為單一的邊框的方法

table 表格邊框合并為單一的邊框的方法

国产视频app 在 html table 表格元素的默認設置中,如果為每個表格定義它的邊框,整體看起來就感覺非常的凌亂,所以這篇博文就說一說,如果將 table 表格的單元格邊框合成一條單線。table 表格邊框默認的樣式例代碼:<!DOCTYPE html><html><head><meta charset=&

Web前端CSS3自定義滾動條樣式

CSS3自定義滾動條樣式

国产视频app 一些愛折騰的個人網站的站長會嫌棄瀏覽器原始的滾動條不好看,會想方設法的將瀏覽器的滾動條進行個性化的自定義,而 CSS3 就提供了 -webkit-scrollbar 屬性來自定義瀏覽器滾動條的樣式。CSS3 的 -webkit-scrollbar 屬性只支持 webkit 內核瀏覽器的滾動條設置,它可以對擁有 overflow 隱藏屬性的

Web前端html input 元素設置禁用的幾種方法

html input 元素設置禁用的幾種方法

国产视频app html 頁面中的 input 元素,可以通過設置一些指定的屬性,來禁用它的功能,使其不可編輯,不可復制,不可選擇,不能接收焦點以及后臺也不能接收到它的傳值等。下面就來說幾種 input 元素中常用的禁止屬性。input disabled 屬性disabled:屬性規定應該禁用 input 元素。作用:使 input 元素不可編輯,不可復

JS/JQ js將 textarea 標簽的內容通過換行或者回車轉換成數組的方法

js將 textarea 標簽的內容通過換行或者回車轉換成數組的方法

在web的前端操作中,有時候需要將 html 的 textarea 標簽元素中的內容以每行的形式轉成一個數組并發向后臺,那么該如何做呢?下面這篇博文就來說一說,通過利用 js 將 textarea 標簽元素中的內容以換行或回車進行分割并轉成數組的方法。js將 textarea 標簽內容轉成數組的方法textarea 中的內容轉成數組一般都

JS/JQjs判斷checkbox復選框是否被選中的方法

js判斷checkbox復選框是否被選中的方法

在前臺使用 AjAX 向后臺提交數據或在一些前臺的全選或多選的邏輯中,需要通過JS來判斷 checkbox 復選框是否處于被選中的狀態時的邏輯該如何寫呢?js 判斷 checkbox 是否被選中的方法js 判斷代碼<input type="checkbox" name="love" id=&q

Web前端CSS3 給html元素加入陰影效果的方法

CSS3 給html元素加入陰影效果的方法

在前端 html 頁面的設計中,有個別需要向訪客突出顯示的元素時,可以加上一些陰影的效果,讓它的辨識度更高,讓訪客可以一眼發現它存在。關于 html 元素的陰影效果的設置,可以使用 CSS3 中的屬性 box-shadow ,下面飛鳥慕魚博客就來和大家說一說,關于此屬性的用法。CSS3 box-shadow 屬性詳解box-shadow:

Web前端input file實現多文件上傳的方法

input file實現多文件上傳的方法

在 html input 默認設置中,只能同時上傳一個文件。如果遇到有多個文件都需要上傳的情況,就顯得麻煩了很多。那么這篇文章就說一說,input file 如何同時上傳多個文件的方法input multiple 屬性multiple:規定 input 輸入的字段可以選擇多個值注意:使用此屬性的只能 file 與 email 類型的 in

Web前端input file限制上傳文件類型的方法

input file限制上傳文件類型的方法

在前端html中,上傳文件時,一般都是用到 type 屬性值為 file 的 input 標簽,但在默認情況下,file 類型的 input 標簽是不限制選擇本地文件的類型的,那么本篇博文,飛鳥慕魚就來和大家說一說,input file 如何限制本地文件的類型。input file 代碼<input type="file&

Web前端html 中的 <li> 標簽橫向排列的方法

html 中的 <li> 標簽橫向排列的方法

国产视频app html頁面中的多個連續的<li>標簽在默認的情況下是豎向排列的,不過我們可以設置 li 標簽的 CSS 樣式,來使一個 ul 標簽中的所有 li 標簽都橫向排列。多個 html 中 li 標簽默認豎向排列html代碼<!DOCTYPE html><html><head><meta c

1 2 3 4 末頁
點擊下拉

ZBLOG主題/插件定制開發流程

ZBLOG主題/插件定制開發流程