随笔分类 - 前端技术
本栏目收集整理HTML，CSS，jQuery，bootstrap，easyUI等前台实现等技术资料。
摘要：hexo 简写 服务器 监视文件变动 完成后部署 两个命令的作用是相同的hexo generate --deployhexo deploy --generate 草稿 模版 变量描述 layout 布局 title 标题 date 文件建立日期 模版（Scaffold） 变量描述 layout 布局
阅读全文
摘要：前言 最近项目中要求使用HTTP做文件上传，而且要求有进度显示，在网上东找西寻了半天，解决方案倒也不少，比如使用Ajax上传，但感觉这种方式的进度提示太麻烦，所以没有采用，后来看到了SWFUpload，就找了些资料来看，觉得符合自己的要求，研究了足有两天，略有心得，忙不迭地记录下来，以防止时间长了遗
阅读全文
摘要：SWFUpload是一个flash和js相结合而成的文件上传插件，其功能非常强大。以前在项目中用过几次，但它的配置参数太多了，用过后就忘记怎么用了，到以后要用时又得到官网上看它的文档，真是太烦了。所以索性就把它的用法记录下来，也方便英语拙计的同学查看，利人利己，一劳永逸。 SWFUpload的特点
阅读全文
摘要：Cms = {}; /** * 浏览次数 */ Cms.viewCount = function(base, contentId, viewId, commentId, downloadId, upId, downId) { viewId = viewId || "views"; commentId = commentId || "comments"; downloadId = d...
阅读全文
摘要：SWFUpload是一个flash和js相结合而成的文件上传插件，其功能非常强大。以前在项目中用过几次，但它的配置参数太多了，用过后就忘记怎么用了，到以后要用时又得到官网上看它的文档，真是太烦了。所以索性就把它的用法记录下来，也方便英语拙计的同学查看，利人利己，一劳永逸。(ps：SWFUpload早
阅读全文
摘要：引言Edit 引言Edit 引言Edit 雪碧图被运用在众多使用了很多小图标的网站上。相对于把每张小图标以.png格式文件的形式引用到页面上，使用雪碧图只需要引用一张图片，对内存和带宽更加友好。 实现Edit 假设我们通过.toolbtn的类，为应用该类的各元素提供一张背景图片： <style> .
阅读全文
摘要：插入图像文件 h1.new:after{ content: url("mark_new.png"); } 插入编号 h1:before{ /* 使用自增计数器 */ content: counter(mycounter); } h1{ /* 指定自增计数器 */ counter-increment:
阅读全文
摘要：在CSS中，度量单位分为两种: 相对单位:px/em/ex绝对单位:cm/pt/in/pc/mm这些单位的具体解释px相对长度单位。像素(Pixel)。像素是相对于显示器屏幕分辨率而言的。譬如，WONDOWS的用户所使用的分辨率一般是96像素/英寸。而MAC的用户所使用的分辨率一般是72像素/英寸。
阅读全文
摘要：js替代marquee实现图片无缝滚动 可能大家都碰到过，当marquee中滚动的是图片的时候，滚到终点的时候直接就跳回到起点了，而不像文字那样可以无缝滚动，下面介绍的是通过js来实现图片的无缝滚动。先了解一下下面这几个属性： innerHTML: 设置或获取位于对象起始和结束标签内的 HTMLsc
阅读全文
摘要：实现原理 将点击的a标签的href属性值赋给img标签的src属性，这样有个好处，就是如果浏览器不支持js的话，点击a标签也可跳转到图片地址看到图片，不会影响内容的呈现 注：需要导入jquery库 html代码 css代码 js代码 导入jquery库
阅读全文
摘要：实现思路 定义两个滚动块，内容一模一样，从下往上两个紧挨着滚动，当第一个滚动块滚动出容器时（即第二个滚动块顶到了容器的上边缘），此时我们将第一个滚动块设置位置到容器上边缘，由于两个滚动块一模一样，从效果上我们也看不出来容器的内容发生了替换。 html 代码 为了区分效果，我将两个块分别内容设为1和2
阅读全文
摘要：强制不换行 div{white-space:nowrap;} 自动换行 div{ word-wrap: break-word; word-break: normal; } 强制英文单词断行 div{word-break:break-all;}
阅读全文
摘要：用JavaScript输出文本 <script> document.write(Date()); document.write("<h1>这是一个标题</h1>"); document.write("<p>这是一个段落</p>");</script> 用JavaScript改变HTML元素<h1>我
阅读全文
摘要：1. 环境环境 1.1 安装Git 请参考【1】 1.2 安装node.js 下载：http://nodejs.org/download/ 可以下载 node-v0.10.33-x64.msi 安装时直接保持默认配置即可。 2. 配置Github 1.1 建立Repository 建立与你用户名对应
阅读全文
摘要：Javascript是一个类C的语言，他的面向对象的东西相对于C++/Java比较奇怪，但是其的确相当的强大，在 Todd 同学的“对象的消息模型”一文中我们已经可以看到一些端倪了。这两天有个前同事总在问我Javascript面向对象的东西，所以，索性写篇文章让他看去吧，这里这篇文章主要想从一个整体
阅读全文
摘要：最原始、最简单、最粗暴的文件上传。前端代码： 【注意】 1、需要post提交 2、enctype="multipart/form-data" （传输文件） 3、需要提交的表单元素需要设置 name 属性 后台代码： 表单异步上传（jquery.form插件） 虽然上面的方式简单粗暴，但是不够友好。页
阅读全文
摘要：<marquee direction=up behavior=scroll loop=3 scrollamount=1 scrolldelay=10 align=top bgcolor=#ffffff height=300 width=30% hspace=20 vspace=10 onmouseo
阅读全文
摘要：因为直接把内容作为字符串给编辑器的 Value 属性赋值使用的是 JavaScript 代码，要让 JS 代码不受内容中双引号、换行等的干扰，只有先读入到 textarea 最方便。 使用 CKeditor 3.0.1 代码如下: <textarea cols="90" rows="10" id="
阅读全文
浙公网安备 33010602011771号