青菜馒头-CSDN博客

原创解决DEDECMS Call to undefined function dede_htmlspecialchars

问题：织梦的基本参数设置显示不出来，出现Call to undefined function dede_htmlspecialchars() in C:\WWW\dede\templets\sys_info.htm on line 192解决方法：织梦官方在2015年6月18日更新了织梦5.7，为了兼容php5.4+，修改了/include/common.func.php，可能有些模板也改动过这个文

2016-11-16 16:59:53 2406

原创织梦提示框修改---如何去掉织梦后台和修改前台“DedeCMS 提示信息”

修改方法如下：1、根目录include文件夹，找到common.func.php；2、根目录dede文件夹（管理目录默认dede），找到sys_data_done.php；3、打开以上2个.php文件，把“DedeCMS 提示信息！”替换成你想要修改的内容提示。这样就OK了。

2016-11-16 16:39:45 3704

原创 slidesjs轮播插件使用方法

<!doctype html><head> <style> /* Prevents slides from flashing */ #slides { display:none; } </style> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <scrip

2016-11-14 14:40:18 3292

原创 html段落开头空两格---css技巧text-indent

<p style="text-indent:2em;">你的文章内容！</p>实例：<div class="context"><p>第一段</p><p> 第二段</p></div>.context p{ text-align: justify; text-justify: inter-ideograph; text-indent: 2em;}其中text-align:justify; te

2016-10-26 13:43:19 34218 1

原创手机页面点击电话进入拨号界面---a链接的tel属性

a标签属性href中的tel及mailto用处<a href=”tel:1234567898″>1234567898</a>指定电话的超链接<a href=”mailto:123456@163.com”>邮箱</a>指定邮箱的超链接

2016-10-25 18:11:12 9199

原创圆形图片360度不停旋转---@-webkit-keyframes使用@keyframes规则，你可以创建动画

html代码：<div class="picxz"></div>css代码：* { margin:0; padding:0; list-style:none;}body { background:#1F1F1F;}.picxz { width: 220px; height: 220px; margin: 0 auto; bac

2016-10-21 14:57:49 7076 3

原创 360度不停旋转的10片叶子背景---纯css实现旋转背景

html代码：<div id="loading"> <div class="color1"></div> <div class="color1"></div> <div class="color1"></div> <div class="color1"></div> <div class="color1"></div> <div class="color2"></div>

2016-10-21 14:41:36 3821

原创 css盒模解析

ie中：margin和padding是包含在宽度中的，及盒子宽度=文字宽度+margin宽度+padding宽度其他浏览器：margin和padding不算在宽度中，即总宽度=盒子宽度+margin宽度+padding宽度；例如： width：300px；margin：10px；padding：30px；总的就是340px转换为ie中盒模的方法：使用box-sizing: border-

2016-10-20 09:37:07 330

转载 3d粒子特效---背景特效

html代码：<canvas id='canv'></canvas><!--[ MouseMove / TouchSwipe ] Omega Centauri is a globular cluster in the constellation of Centaurus, the largest globular cluster in the Milky Way galaxy at a diame

2016-10-20 09:28:14 1890

转载动态背景线条，鼠标移动线条汇聚---背景特效

html代码：<canvas></canvas>css代码：html, body { background: #000; margin: 0;}canvas { position: absolute;}js代码：$(function(){ var canvas = document.querySelector('canvas'), ctx = canvas.getCo

2016-10-19 15:36:29 11334 1

转载变换色彩的旋转图形----背景效果

html代码：<canvas id = 'canv'></canvas>css代码：body{ width:100%; overflow:hidden; margin:0;}js代码：var c = document.getElementById('canv'), $ = c.getContext('2d'), w = c.width = window.innerWidth,

2016-10-19 15:32:42 736

转载旋转的银河---动态网页背景

html代码：<canvas id="canvas"></canvas>css代码：body { background: #060e1b; overflow: hidden;}canvas { //opacity: 0.5;}js代码："use strict";var canvas = document.getElementById('canvas'), ctx = canvas

2016-10-19 14:49:02 2247 1

转载旋转的星空背景

html代码：<canvas id="canvas"></canvas>css代码：body { background: #060e1b; overflow: hidden;}canvas { //opacity: 0.5;}js代码："use strict";var canvas = document.getElementById('canvas'), ctx = canvas

2016-10-19 14:43:57 1872 1

转载雪花特效---纯css实现

html代码<div class="snow-container"> <div class="snow foreground"></div> <div class="snow foreground layered"></div> <div class="snow middleground"></div> <div class="snow middleground layered"><

2016-10-19 14:25:40 7871 1

转载通过html5 canvas绘制时钟

原文地址：http://xfenglin.com/a/12007204175.html?ref=myread最近一直在学习html5，学到了html5的canvas标签，这个画布真的是很强大，它有对应的javascript的api的支持，你可以在这个标签里面绘制任意的图形，你也可以把图片放在里面，能够做出很炫的效果。言归正传，废话不多说，首先，html，只一句设置画布的id，宽度和高度<canvas

2016-10-12 14:22:57 858

转载从一行代码里面学点JavaScript

转载地址：http://buluo.qq.com/p/detail.html?bid=314687&pid=3951568-1476250690&from=grp_sub_obj 现如今，JavaScript无处不在，因此关于JavaScript的新知识也是层出不穷。JavaScript的特点在于，要学习它的语法入门简简单，但是要精通使用它的方式却是一件不容易的事。来看看下面的这段代码，它来自于谷

2016-10-12 14:12:17 268

转载 js获得当前日期和时间的代码

var myDate = new Date(); myDate.toLocaleDateString()；可以获取当前日期myDate.toLocaleTimeString(); 可以获取当前时间扩展：myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myD

2016-10-10 16:32:08 674

原创简单的倒计时跳转代码

html代码<h1>操作成功</h1><span id="second" >5</span><span >秒后回到主页</span><a href="javascript:back();">返回</a>js代码 <script type="text/javascript"> var num=document.getElementById("secon

2016-10-10 16:30:20 1499

转载使用rainyday.js插件制作雨滴效果

插件介绍 rainyday是一款基于 html5 canvas 的模拟下雨时雨滴打在玻璃窗上效果的js插件。该雨滴效果插件的特点是使用简单，易于集成。Rainyday.js是一个使用HTML5特性的纯js库，几乎所有的现代浏览器都支持它。简要教程rainyday是一款基于 html5 canvas 的模拟下雨时雨滴打在玻璃窗上效果的js插件。该雨滴效果插件的特点是使用简单，易于集成。使用方法在

2016-10-08 14:32:00 2282

原创 jquery鼠标滚动数字增加插件---countUp.js

CountUp.js 无依赖的、轻量级的 JavaScript 类，可以用来快速创建以一种更有趣的动画方式显示数值数据。尽管它的名字叫 countUp，但其实可以在两个方向进行变化，这是根据你传递的 startVal 和 endVal 参数判断的。可配置的参数：target = 目标元素的 ID；startVal = 开始值；endVal = 结束值；decimals = 小数位数，默认值

2016-09-20 16:30:42 4236

转载 CSS3 动画效果整理

CSS3添加了几个动画效果的属性，通过设置这些属性，可以做出一些简单的动画效果而不需要再去借助JavaScript。CSS3动画的属性主要分为三类：transform、transition以及animation。**transform** rotate 设置元素顺时针旋转的角度，用法是： transform: rotate(x); 参数x必须是以deg结尾的角度数或0，可为负数表示反向。

2016-09-20 15:42:59 518

转载 Scrollanim---鼠标向下滚动加载动画，与wow.js类似

转载地址：http://www.dowebok.com/217.html 加qq群下载代码：简介Scrollanim 是使用 CSS3 + JavaScript 实现的用于创建滚动动画的库，应用到元素上后，当此元素出现在浏览器可视区域时便会执行对应的动画，和之前介绍的 WOW.js及 scrollReveal.js类似。Scrollanim 是Kissui的一部分，所以使用 Scrollanim

2016-09-19 17:47:58 3847

转载 WOW.js – 鼠标向下滚动加载动画（仅执行一次）

转载网址：http://www.dowebok.com/131.html简介有的页面在向下滚动的时候，有些元素会产生细小的动画效果。虽然动画比较小，但却能吸引你的注意。比如刚刚发布的 iPhone 6 的页面（查看）。如果你希望你的页面也更加有趣，那么你可以试试 WOW.js。WOW.js 依赖 animate.css，所以它支持 animate.css 多达 60 多种的动画效果，能满足您的各种需

2016-09-19 17:24:52 5552

原创鼠标悬停，背景色渐变

简单实现，没有添加额外效果<div></div>css代码div{width:300px;height:300px;background:blue;transition:background 1s;}div:hover{background:#666;}

2016-09-19 17:08:16 2864

转载 scrollReveal.js – 页面上下滚动时动画多次播放

转载地址：http://www.dowebok.com/134.html简介和 WOW.js 一样，scrollReveal.js 也是一款页面滚动显示动画的 JavaScript，能让页面更加有趣，更吸引用户眼球。不同的是 WOW.js 的动画只播放一次，而 scrollReveal.js 的动画可以播放一次或无限次；WOW.js 依赖 animate.css，而 scrollReveal.js

2016-09-19 09:33:15 2429

转载 animate.css 全部代码分析

2016-09-18 18:13:20 1710

转载 animate.css – 齐全的CSS3动画库

本文转载自网络，方便大家学习：http://www.dowebok.com/98.html原网站有动画实例，建议 JavaScript 或 jQuery 给需要的地方添加动画效果，不用改变原来的结构简介animate.css 是一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡

2016-09-18 17:57:28 594

原创简单的二级导航页面（纯css实现，运用display属性hover）

html代码<div class="menu"> <ul> <li><a href="#" class="bccolor">首页</a></li> <li><a href="#">关于我们</a> <ul> <li><a href="#">公司简介</a></li> <li><a href="#">人才招

2016-09-14 11:35:09 13739

转载 css3动画垂直翻转180度

html代码<ul class="flatflipbuttons"> <li><a href="http://www.w2bc.com" title="Search"><span class="icon-search"></span> </a><b>Search</b></li> <li><a href="http://www.

2016-09-13 15:51:27 13703

转载 CSS3饼状图loading旋转动画

CSS代码：.wrap { width: 64px; height: 64px; position: relative; }.outer { position: absolute; width: 100%; height: 100%; background: url(icon-spin-s.png) no-repeat; animation: spin 800ms infinite linear;

2016-09-13 15:30:29 1244

原创 css3动画的使用（@keyframes）

一、CSS3 @keyframes 规则 @keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。目前支持的浏览如下:opera,firefox,所有webkit内核浏览器(safair,chrome),IE10+。废话不多说，先看下在各个浏览器上的实现:@keyframes myfirst{from {bac

2016-09-13 10:51:50 1920

原创 css3动画如何在动作结束时保持该状态不变

animation-fill-mode : none | forwards | backwards | both;属性值值描述 none 默认值。动画在动画执行之前和之后不会应用任何样式到目标元素。 forwards 在动画结束后（由 animation-iteration-count 决定），动画将应用该属性值。 backwards 动画将应用在 animation

2016-09-13 10:46:10 23726

转载 CSS阴影效果(Box-shadow)介绍与用法

使用Box-shadow属性表现阴影效果是现代浏览器中是一个非常有用的技巧，通过它我们可以做出很多非常酷的东西。让我们来一步一步的了解box-shadow属性的基本用法，然后进一步了解::before和::after伪元素的用法。基本用法 <div class="box11 shadow"></div>.box11 { width: 300px; height: 100px;

2016-09-13 10:39:24 688

转载文字下划线效果（标题hover效果）

文字下划线效果（标题hover效果） <div><a href="javascript:void(0);" class="demo1">自己实现的hover效果</a></div>/* css样式 */ .demo1{ position: relative; text-decoration: non

2016-09-12 15:58:58 6028

原创 jquery轮播特效（左右轮播）

html代码<div id="wrapper"> <div id="banner"> <ul class="imgList"> <li><a href="#"><img src="http://i.mmcdn.cn/simba/img/TB1cQb6IpXXXXX3XVXXSutbFX

2016-09-07 17:13:37 662

原创鼠标悬停，图片旋转360°特效代码

html代码<div class="picxz"></div>css代码* { margin:0; padding:0; list-style:none;}body { background:#1F1F1F;}.picxz { width: 220px; height: 220px; margin: 0 auto; backgr

2016-09-07 16:33:44 1250

转载 CSS和JS链接地址中带的问号是做什么的

细心的同学经常会发现一些新东西，学习了就会使之进步。如果平时不爱自己多钻研，只等着别人喂现成的，只会被时代淘汰。所以，不放过每一次学习的机会是非常重要的！这是我最近的工作体会，拿来和大家分享，也由这个感触引到下面的问题。有同学问我，经常看一些网站页面源代码中的css文件和js文件后面带一个问号，后面跟着一连串数字或字符，这是干什么用的？这个方法我也用过，而且很好用，它的作用有两个：1、

2016-04-27 14:08:55 1032

转载 JS计时器年月日时分秒几十

计时器功能代码：html>body>script type="text/javascript">//设置起始时间var together = new Date();together.setFullYear(2015,9,17); //时间年月日注意这个9代表的是10月together.setHours(0);//小时 together.setMinutes(00

2016-04-27 11:16:32 998

animate.css 文件代码

动画效果随鼠标向下滑动而加载

slidesjs轮播插件带实例代码

shopNC商城系统功能简介

怎么实现轮播图下面的小远点自动随图片的增减而同步增减