
前端&设计技巧
木木老蔫
活泼开朗,呵呵,热爱钓鱼
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【HTML】前台页面调出文件另存为对话框几种方法
大家都知道,网页上传本地文件可以用来实现,在前台页面调出另存为对话框、将服务器上存放的文件保存到本地那要怎么实现呢?以下便介绍几种实现的思路和方法。1.调用document.execCommand方法调用JS方法document.execCommand即可在前台页面调出另存为对话框,并将将服务器上存放的文件保存到本地。这里有个很好的例子:HTML页面另存为对话框DEMO.r转载 2012-11-09 17:56:57 · 3249 阅读 · 0 评论 -
分享 6 款绚丽的 JS 加载动画和进度条插件
随着我们网站复杂度的增加,很多时候需要用户去等待一些比较耗时的操作,在等待的过程中,如果能有一些比较人性化的加载动画或者进度条提示用户当前执行的状态,那就能大大提升网站的用户体验度。下面给大家分享一些绚丽的JS动画加载和进度条插件,希望大家会喜欢。1、Spin.js可以自定义加载动画的长度、宽度、粗细、速度等参数,非常灵活。在线演示 /源码下载2、3款CSS3 Loading动转载 2012-11-22 17:03:10 · 866 阅读 · 0 评论 -
JS 框架 :后台系统完整的解决方案BUI
简介:在很久以前,自己还是开发的时候,最头疼的就是做前端的页面,往往被繁琐兼容性问题,不统一的交互和样式,难用的控件库所困扰。所有的解决方案,都是临时的,都是没有文档的。在前端领域混了几年,沉淀了很多东西,但是以前遇到的问题,让我决定哪一天做出一套打包好的东西,方便没有视觉、交互、前端的项目。今天我带来了这个前端UI库以及一个后台系统的解决方案,这里仅仅是开始,接下来的开源转载 2013-04-16 10:17:46 · 6771 阅读 · 2 评论 -
类似美丽说,类似百度旅游,类似sae导航菜单随动效果
先看类似的效果效果:http://www.36ria.com/demo/css3-menu/#http://www.emeite.net/index.php?m=search原理:当scrollTop>菜单上面代码高度的时候 给导航加个新的class 控制它的位置 反之,删除刚才加的class 让导航回到默认的class首先,这是你的菜单代码aaaaaa原创 2013-05-06 18:24:04 · 1455 阅读 · 0 评论 -
33个最好的jquery相册
转自http://www.pixelzdesign.com/blog_view.php?id=55A resource list containing awesome jquery sliders, carousels that are free to use and download.转载 2013-09-04 16:39:18 · 1052 阅读 · 0 评论 -
什么是data URI scheme及如何使用data URI scheme
网页优化的一大首要任务是减少HTTP 请求 (http request) 的次数,例如通过合并多个JS文件,合并CSS样式文件。除此之外,还有一个data URL 的密技,让我们直接把图像的内容崁入网页里面,这个密技的官方名称是 data URI scheme 。 什么是 data URI scheme?假设你有以下的图像:A把它在网页上显示出来的标准方转载 2014-04-10 14:29:49 · 3326 阅读 · 0 评论 -
CSS 定位posistion,absolute,relative,float,clear最简单明了的解释
一 概述CSS 有二种基本的定位机制:文档流、脱离文档流。除非指定元素定位属性,否则所有元素框都在文档流中定位。也就是说,文档流中的元素位置由元素在 X(HTML) 中的位置决定。二 CSS定位相关的两属性 position 和 float(1)position:定位时,使用 left,right,top,bottom 中至少一个值定位。值:static:正常文档流转载 2014-11-13 14:26:26 · 2000 阅读 · 0 评论 -
前端编码规范
转自http://www.css88.com/archives/5361前端编码规范(1)—— 一般规范原文:Web Styleguide – Style guide to harmonize HTML, Javascript and CSS / SASS coding style系列文章前端编码规范(1)—— 一般规范前端编码规范(2)—— HTML 规范前端转载 2015-06-02 10:35:55 · 635 阅读 · 0 评论 -
HTML中Smarty中的if语句条件修饰词eq相等ne、neq不相等,gt大于,lt小于
Smarty 中的 if 语句和 php 中的 if 语句一样灵活易用,并增加了几个特性以适宜模板引擎. if必须于 /if 成对出现.可以使用 else 和 elseif 子句. 可以使用以下条件修饰词:eq、ne、neq、gt、lt、lte、le、gte、ge、is even、is odd、is not even、is not odd、not、mod、div by、even b转载 2012-11-08 18:18:20 · 6743 阅读 · 0 评论 -
真正的最短代码实现图片自适应div并且垂直居中(php实现无js)
<br /> <br />内含php代码,也就是说要装php哦<br /><head><br /><style type="text/css"><br />#aaa{<br /> height:350px;<br /> width:150px;<br /> background-color:#999;<br /> }<br />#asdasd{<br /> height:auto;<br /> width:inherit;<br /> <br /> }<br /></style><br /></head><原创 2011-04-13 10:42:00 · 2197 阅读 · 0 评论 -
真正解决透明图片,png图片在ie6一下无法透明的实用方法
0.0.8a.js (未压缩版本, ~12Kb)0.0.8a-min.js (压缩版, ~7Kb)首先下载这js、调用之即可之后在使用PNG的页面中引用代码 DD_belatedPNG.fix(’CSS选择器, 应用类型’);转载 2011-07-29 16:29:40 · 792 阅读 · 0 评论 -
Photoshop教程:制作质感3D网页按钮
开始前老样子先在PS里新建一个文件,设置如下图 使用圆角矩形工具,这里颜色你可以随意,因为你可以在顶部设置圆角矩形的颜色 在顶部设置它的参数与颜色为红色 如下图颜色为#D32424 的圆角矩形制作完成 将前面的圆角矩形图层复制一次,在复制出的图层上按鼠标右键,选择栅格化图层,这样将形状图形转化为像素图形。同样将另一个图层进行栅格化处理(栅格化后的图层就是我们转载 2011-11-17 10:45:56 · 1183 阅读 · 0 评论 -
HTML特殊符号对照表
特殊符号命名实体十进制编码特殊符号命名实体十进制编码ΑΑΑΒΒ Β ΓΓ Γ ΔΔΔ转载 2012-08-20 15:11:39 · 1264 阅读 · 0 评论 -
HTML 几种特别分割线特效 详细出处参考:http://www.jb51.net/web/28414.html
一、基本线条二、特效(效果并不是孤立的,可相互组合)1、两头渐变透明: 2、纺锤形: 3、右边渐变透明: 4、左边渐变透明: 5、虚线: 6、双线: 7、立体效果: 8、钢针效果:9.垂直分割转载 2012-08-23 10:15:50 · 3289 阅读 · 2 评论 -
Highcharts使用指南,可使用漂亮的按时间滚动数据图表
摘要Highcharts图表控件是目前使用最为广泛的图表控件。本文将从零开始逐步为你介绍Highcharts图表控件。通过本文,你将学会如何配置Highcharts以及动态生成Highchart图表。目录前言(Preface)安装(Installation)如何设置参数(How to set up the options)预处理参数(Preprocess the optio转载 2012-09-12 16:59:48 · 3476 阅读 · 0 评论 -
24套精美的社交媒体图标素材设计案例
社交网络是最近几年互联网领域最热门的关键词之一,如今社会网络化媒体也成为我们信息获取和传播的重要途径,很多网站都有把内容分享到社交媒体的功能。社交媒体图标作为向用户传递信息的重要媒介,不管是在网页还是 Web 应用程序中都非常需要。今天这篇文章和大家分享25套非常精美的社交网络媒体图标集素材,可以免费下载使用,希望大家会喜欢!来源:梦想天空(转载请注明来自:DamnDigital)41转载 2012-10-19 16:48:40 · 1527 阅读 · 0 评论 -
XML使用XSL样式表在浏览器中以XHTML样式展示
从一个原始的 XML(cdcatalog.xml)文档开始1234567891011121314xml version="1.0" encoding="ISO-8859-1"?> Empire Burlesque www.akmumu.com USA Columbia 10.90 1985 ... 这时候使用浏览器访问xml文件,会以各浏览器的原创 2016-02-27 15:03:18 · 1603 阅读 · 0 评论