原创 JS計時器 年月日時分秒幾十

計時器功能代碼: <code class="hljs xml has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-

原创 CSS陰影效果(Box-shadow)介紹與用法

使用Box-shadow屬性表現陰影效果是現代瀏覽器中是一個非常有用的技巧,通過它我們可以做出很多非常酷的東西。讓我們來一步一步的瞭解box-shadow屬性的基本用法,然後進一步瞭解::before和::after僞元素的用法。

原创 css3動畫如何在動作結束時保持該狀態不變

animation-fill-mode : none | forwards | backwards | both; 屬性值值 描述 none 默認值。動畫在動畫執行之前和之後不會應用任何樣式到目標元素。 forw

原创 解決DEDECMS Call to undefined function dede_htmlspecialchars

問題:織夢的基本參數設置顯示不出來,出現Call to undefined function dede_htmlspecialchars() in C:\WWW\dede\templets\sys_info.htm on line 192

原创 slidesjs輪播插件使用方法

<!doctype html> <head> <style> /* Prevents slides from flashing */ #slides { display:none; } </st

原创 圓形圖片360度不停旋轉---@-webkit-keyframes使用@keyframes規則,你可以創建動畫

html代碼: <div class="picxz"></div> css代碼: * { margin:0; padding:0; list-style:none; } body { backgroun

原创 織夢提示框修改---如何去掉織夢後臺和修改前臺“DedeCMS 提示信息”

修改方法如下: 1、根目錄include文件夾,找到common.func.php; 2、根目錄dede文件夾(管理目錄默認dede),找到sys_data_done.php; 3、打開以上2個.php文件,把“DedeCMS 提示信息!

原创 js獲得當前日期和時間的代碼

var myDate = new Date(); myDate.toLocaleDateString();可以獲取當前日期 myDate.toLocaleTimeString(); 可以獲取當前時間 擴展: myDate

原创 3d粒子特效---背景特效

html代碼: <canvas id='canv'></canvas> <!-- [ MouseMove / TouchSwipe ] Omega Centauri is a globular cluster in the con

原创 360度不停旋轉的10片葉子背景---純css實現旋轉背景

html代碼: <div id="loading"> <div class="color1"></div> <div class="color1"></div> <div class="color1"></div> <d

原创 css盒模解析

ie中:margin和padding是包含在寬度中的,及 盒子寬度=文字寬度+margin寬度+padding寬度 其他瀏覽器:margin和padding不算在寬度中,即 總寬度=盒子寬度+margin寬度+padding寬度;

原创 變換色彩的旋轉圖形----背景效果

html代碼: <canvas id = 'canv'></canvas> css代碼: body{ width:100%; overflow:hidden; margin:0; } js代碼: var c = do

原创 動態背景線條,鼠標移動線條匯聚---背景特效

html代碼: <canvas></canvas> css代碼: html, body { background: #000; margin: 0; } canvas { position: absolute; } js代

原创 html段落開頭空兩格---css技巧text-indent

<p style="text-indent:2em;">你的文章內容!</p> 實例: <div class="context"><p>第一段</p><p> 第二段</p></div> .context p{ text-align

原创 通過html5 canvas繪製時鐘

原文地址:http://xfenglin.com/a/12007204175.html?ref=myread 最近一直在學習html5,學到了html5的canvas標籤,這個畫布真的是很強大,它有對應的javascript的api的支持