
前端开发css+js
Allen_Kao
这个作者很懒,什么都没留下…
展开
-
CSS实现背景透明,文字不透明(各浏览器兼容)
将二次开发后的版本安装新机器的注意项: 进入网站根目录原创 2014-05-08 16:26:35 · 771 阅读 · 0 评论 -
jquery实现的固定位置下拉隐藏上拉显示悬浮导航菜单特效
jquery固定位置下拉隐藏上拉显示悬浮导航菜单特效代码 body{background-color:white; padding-top:10px; font:100 14px 'Open Sans'}#lipsum{width:690px; margin:30px auto; color:#34495e;text-align:justify}.yapiskan{原创 2014-12-17 20:10:07 · 6619 阅读 · 0 评论 -
jQuery+Ajax+PHP+Mysql实现分页显示数据
这是一个典型的Ajax应用,在页面上,您只需要点击“下一页”,数据区将自动加载对应页码的数据,重新刷新数据区。类似的效果在很多网站上应用,尤其在一些需要展示大量图片数据的网页如淘宝商品列表页,Ajax分页效果让您的网站数据加载显得非常流畅。本文使用jQuery,结合PHP和Mysql,通过实例讲解如何实现Ajax数据加载效果。HTML id="list转载 2015-01-08 12:03:00 · 901 阅读 · 0 评论 -
Jquery 异步提交表单有form无form的时候处理方式
前台部分代码:div id='error'>div>input type='text' id='username' name='username' readonly='Readonly'/>input type='password' id='password' name='password'>input type='text' id='company' na原创 2015-01-13 14:13:52 · 826 阅读 · 0 评论 -
h5+css3最简单的图片飞入效果
/* Demo Styles */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td{ -webkit-text-size-adjust:none; margin: 0; padding: 0; border: none; -webkit-tap-highlight-color:rgba(0,0,原创 2014-12-09 13:27:59 · 20837 阅读 · 0 评论 -
无限滚动插件infinite-scroll介绍
网上对于infinite-scroll插件使用的例子不多。但由于它的出现,鼓吹了瀑布流形式的页面展示方式,所以不得不了解了解这种新的分页方式。官网上有对infinite-scroll的详细描述,但一般人即使看未必看得懂,看得懂未必就调试成功。所以借今晚有点时间,把跑通的例子供大家借鉴。一.无限滚动概念首先,它是基于Jquery的,另外还要明白无限滚动的概念:无限滚动的实现原理就转载 2014-12-30 21:44:53 · 1238 阅读 · 0 评论 -
JS判断访问设备、客户端操作系统类型
先给出一个实例:判断windows、linux、android复制以下代码另存为html文件即可。html>head>title>判断操作系统title>script type="text/javascript">function detectOS() { var sUserAgent = navigator.userAgent; var isWin = (navigator转载 2015-01-03 11:16:19 · 801 阅读 · 0 评论 -
require与require async的区别
seajs github的issue list里有说,要大家把require()这个看做是js的语法,看成类似java里的import,php里的include。require无法完成条件加载。如下代码:JavaScript code?1234567define(function原创 2015-06-25 14:36:18 · 3387 阅读 · 0 评论 -
SQL injection with raw MD5 hashes
SQL injection with raw MD5 hashes时间 2015-05-08 14:57:00 JoyChou's Blog原文 http://www.joychou.org/index.php/web/SQL-injection-with-raw-MD5-hashes.html很久没写博客 -。-今天看到 $sql = "SELECT *转载 2015-05-19 19:23:55 · 1281 阅读 · 0 评论 -
css常用属性解析篇
css:clear:both一定yao'qu原创 2014-10-11 20:03:24 · 612 阅读 · 0 评论 -
html+css三栏布局-浮动方法
三栏布局-浮动方法* { margin:0; padding:0;}#wrap { background: grey; padding-left: 200px; padding-right: 300px; min-height: 1000px;}#main { float:left; width:100%; height: 1000px; background:原创 2014-10-24 22:40:20 · 973 阅读 · 0 评论 -
如何将json字符串转化成json对象呢
在数据传输过程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。例如:JSON字符串:var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象:var str2 = { "name": "cxh", "sex": "man" }; 一、JSON字原创 2013-12-07 20:20:34 · 1017 阅读 · 0 评论 -
常用公共函数库(验证mac地址、判断ip所属网段、创建文件夹、读取文件、获取移动客户端类型等)
<?php /** * home模块公共库文件 * 主要定义公共函数库 *//** * [mac_valid description] * @param [type] $mac [description] * @return [type] [description] */ function mac_valid($mac){ if(preg原创 2014-06-25 10:57:52 · 1631 阅读 · 0 评论 -
解释一下这个正则表达式的意思
解释一下这个正则表达式的意思/^[1-9]\d*(\.[0-9]+)?$|^0$/gi ???????^匹配开头[1-9]匹配1到9的数字一次\d*匹配0到9的数字零次或者多次 (\d意义等同于[0-9])\.[0-9]+匹配小数点及其后面0到9数字1次或者多次,() 是分组的意思?是匹配0次或者1次(\.[0-9]+)?也就是说后面带小数点或者不带小数点的原创 2014-06-25 15:23:38 · 868 阅读 · 0 评论 -
HTML Flash Object属性(摘)
HTML Flash Object属性 一、介绍 要在网页中正常显示flash内容,那么页面中必须要有指定flash路径的标签。也就是object和embed标签。object标签用于windows的IE浏览器,而embed用于windows和macintosh(苹果机)平台下的Netscape Navigator浏览器以及macintosh平台下的IE浏览器,wi转载 2014-06-25 11:52:51 · 660 阅读 · 0 评论 -
IOS8风格字体样式CSS
body { font-family: 'Lato', Calibri, Arial, sans-serif; background: #f9f9f9; font-weight: 400; font-size: 1em; color: #333; overflow: scroll; overflow-x: hidden;}原创 2014-07-20 15:18:28 · 980 阅读 · 0 评论 -
js移除父级元素
$(function(){ $(".item-thumbnail").each(function(){ var $a = $(this).find('a').children(); $(this).find('a').remove(); $(this).append($a); });});原创 2014-06-19 22:55:06 · 4285 阅读 · 0 评论 -
纯CSS气泡效果
效果如下:原创 2014-06-19 15:47:42 · 802 阅读 · 0 评论 -
JQuery Offset实验与应用
JQuery Offset实验与应用 我们有时候需要实现这样一种功能:点击一个按钮,然后在按钮的下方显示一个div。当按钮位于角落时,div的位置设定就需要计算,使div完全显示。 我打算使用offset()方法实现此功能,但要先弄清楚他的功能。实验: offset()的top是指元素与document的上边的距离,而不是浏览器当前窗体的上边缘,如图1。转载 2014-11-08 12:26:44 · 623 阅读 · 0 评论 -
手机终端设备启动微信app客户端的JS实现代码------利用JS获取url参数值
//get url parameter function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1);原创 2014-06-25 10:19:29 · 3411 阅读 · 0 评论 -
google font 字体下载方式
npm install -g goog-webfont-dl 然后使用goog-webfont-dl工具就可以愉快的下载字体了 goog-webfont-dl -a -f 'Source Sans Pro' -y '300,400,600,900'goog-webfont-dl -a -f 'Lato' -y '100'enjoy it !原创 2016-06-25 17:35:53 · 2167 阅读 · 0 评论