fasslook的博客

原创 angularjs 实现点击按钮获取验证码

html :样式采用了sui框架的样式，请自行引入查看,angularjs,自己引入，div ng-controller="forGetPassword" ng-app="routingDemoApp"> form novalidate name="forget"> header class="bar bar-nav"> a href="java

原创 原生js实现双色球的方法

html>html>head lang="en"> meta charset="UTF-8"> title>title> style> #datePicker { width: 100px; height: 30px; line-height: 30px;;

原创 javascript 循环 while ，for ，switch ，do..while,for ..in

循环实例：do {var input = prompt('How are you')} while (!input);for (var number = 0; number document.write(number + '');}var count = 1;for (var result = 0; result count

原创 解决ie不支持placeholder插件

$(document).ready(function(){      var doc=document,    inputs=doc.getElementsByTagName('input'),    supportPlaceholder='placeholder'in doc.createElement('input'),        placeholder=function(

原创 jQ div移动，拖拽效果

调用此方法时请先加载jq插件;function DivMove(obj,e){    $(obj).mousedown(function(e){       $(obj).css("cursor","move");//改变鼠标指针样式        var x =parseInt(e.pageX - $(obj).offset().left); //获取div的当前X坐标   

原创 关于原生js前端注册页面的相关验证

html PUBLIC "-//W3C//Dtd XHTML 1.0 transitional//EN" "http://www.w3.org/tr/xhtml1/Dtd/xhtml1-transitional.dtd">xmlns="http://www.w3.org/1999/xhtml">http-equiv="Content-Type" content="text/html; cha

原创 网页简单的上下切换轮播

* {            padding: 0;            margin: 0;        }        .d1 {            width: 300px;            height: 300px;            border: 1px solid #cccccc;            overflow:

原创 手机端头像本地预览功能

html部分                                                                        js部分function previewImage(file)    {                var div = document.getElementById('preview')

原创 Dom对象(文档对象模型)

##  Dom对象(文档对象模型)    描述:它是HTML的一系列标准文档对象##   属性    title    返回当前标题    url      返回一个完整的url地址    bgcolor  背景色    fgcolor  前景色##  方法    1. document.getElementbyid("id名称")  如果有多个ID

原创 事件驱动模型

##  事件驱动模型  1. 事件源  触发事件的元素  2. 事件  ：js检测到的行为  3. 标签绑定事件            例 input type="button" onclick="方法"  4. 监听器     1.attachevent(event(点击事件),function（点击方法）)用于添加一个监听事件          2.detachEv

原创 .less的使用

#函数    声明变量    在less中定义一个你所需要的变量，变量前加@+变量名称。中括号，设定变量默认值调用变量     变量值为多个时可以用（...）表示，在变量值中设为接收@arguments。它不限制变量的数量#less中的嵌套     div{       div的样式        ul{         ul的样式        li{

原创 css 2d/3d转换代码以及案例

2d转换      transform 向元素应用 2D 或 3D 转换。          rotate(angle) 定义 2D 旋转，在参数中规定角度。          scale(x,y) 定义 2D 缩放转换。           translate(x,y) 定义 2D 转换。           matrix(n,n,n,n,n,n) 定义 2D 转换，使用六个

原创 ie 兼容性处理部分资料

#ie 兼容性##1 方式一    条件注释法    只在IE下生效    写法    这段文字只在IE浏览器显示    ##    方式二   只在IE6下生效        只在ie6版本下生效    ##    方式三   只在IE6以上版本生效        这段文字只在IE8以上版本显示    ##    只在I

原创 bfc样式控制

black fromatting context块级格式化上下文bfc中的布局规则    1、在bfc环境中所有的元素在垂直方向一个接一个的排列    2、在相邻的盒子（box）在垂直的方向上margin值会重叠    3、内部盒子会以bfc的左边（右边）线接触，浮动也是一样    4、bfc区域不会与浮动盒子重叠    5、bfc环境中的子元素与外界分离，不会影响到外面的

原创 css样式布局

#css样式布局    1、头部或者导航标签    例                            输入内容                          2、左边    3、右边    4、尾部#css样式表    外联样式    1、link样式加载的同页面同时加载    2、@inport url（）方式加载的是页面加载完

原创 HTML表格的制作

#HTML表格的制作1.首先插入表格代码例    '                       姓名             性别             爱好                                张三             男             篮球                            

原创 html 标签基础

#XHMl的基本语法    1、在XHTML中双用，属性值必须引号括起来。    2、在XHTMl中标记名称必须小写    3、在XHTML中属性值必须小写    4、在XHTML中标记必须正确嵌套    5、在Xhtml中标记必须关闭    6、在XHTML中即使是空元素也必须关闭#定义文本标题    XHML中定义了六个元素：H1/H2/H3/H4/h5/h6,

原创 Axure软件的页面动态实现

#  1  Axure软件的页面动态实现 ##1、 选中你的动态面板，在页面交互栏选择鼠标单击时，新增用例   ##2、 首先在杂项中设置等待时间，然后再动态面板栏设置面板状态，选则状态，上一个，或者下一个，勾选从第一张到最后一张的自动循环。 ##3、选择图片出现的方式（从左到右，还是从有到左），确定。#  2、在Axure软件中如何设置鼠标悬停是改变某件图形或文字的颜色 选中

原创 静态页面布局

#制作静态页面*Axure Makerman###一、Axure软件介绍 1、软件界面布局 2、控件的使用以及对控件的修改 3、制作母版页##二、Markerman软件介绍 1、长度标记 2、坐标标记 3、颜色标记 4、文字标记 5、移动工具##三、制作静态网页 1、找到需要制作的网页图片导入makerman。 2、在makerman、中

原创 ps切片步骤

原创 关于web前段开发的简介

web前段开发，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发，完成客户端的程序的开发。让用户能更快捷、方便的看到平台上所展示的东西，让客户能更全面的了解我们展示商品的详细信息等。

转载 前段开发简介

Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。2005年以后，互联网进入Web2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了