封装运动框架 1function getStyle(obj,name){2if(obj.currentStyle){3return obj.currentStyle[name];4 }else{5return getComputedStyle(obj,false)[name];6 }7}8function move(obj,json,options){9var options=options || {}; 10var duration=options.duration || 800; 11var easing=options.easing || ‘linear‘; 12var n=0; 13var start={}; 14var dis={}; 15var count=Math.ceil(duration/30); 16//{top:0,left:0}17fo...
KnockOutJS学习系列----(一) 好几个月没去写博客了,最近也是因为项目紧张,不过这个不是借口,J. 很多时候可能是因为事情一多,然后没法静下来心来去写点东西,学点东西。也很抱歉,突然看到好多的短消息,真不知道该如何给大家回复。。。最近试着晚上抽时间写一些knockoutjs和mvc的文章。这里先写一点knockoutjs的东西。关于knockoutjs到底是什么,如果你不知道,可以看看几个月前我写的一篇文章介绍它。ASP.NET MVC框架下使用M...
问题描述:使用iframe的情况下,在子框架中,使用如下形式的跳转:<a href="javascript:;" onclick="parent.location.href=‘login.php‘;"> 退出</a>在IE浏览器下,点击后,会在退出的情况下,再打开一个页面,URL显示为 javascript:; 的情况出现,也就是说 a标签的 javascript:; 并未生效!这是一个很奇怪的现象,在谷歌等现代浏览器中并不存在该问题。 最后猜测可能是由于 a标签的href属性 在IE下的解析是先将href的值传递给父...
一般情况下我们通过设置类名就可以改变元素的样式,但涉及到动画部分,就一定需要设置内联样式了,因此有了ms-css。*ms-css*的用法为ms-css-样式名="样式值", 如ms-css-width=”prop”(会自动补px),ms-css-height=”{{prop}}%”, ms-css-color=”prop”, ms-css-background-color=”prop”, ms-css-font-size=”{{prop}}px”。细细联想,ms-css与ms-class的旧风格、ms-data、ms-attr的用法相仿,属性名接第三个参数作为name,属性...
Ember.js、Backbone.js、Knockout.js、Spine.js、Batman.js , Angular.js前端中的MVVM设计模式让UI与数据模型可以很轻松的相互更新,这意味着开发人员只需要关注数据模型即可轻松的完成复杂的交互需求。可参考:http://www.cnblogs.com/aaronjs/p/3141553.html http://www.angularjs.cn/tag/AngularJS原文:http://www.cnblogs.com/renzaijianghu/p/4104751.html
因为项目中需要做报表的功能,于是学习了如何使用jqplot这个绘图插件结合ajax技术,动态交互后台数据前前后后花了三四天的时间。感觉它会出来的想说还可以。我的后台模板是bootstrap,在模板中有jqplot的模板,我查看了源代码。修改了源代码就形成了现在的东西, 1 <script>2/* 3 Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.2.04 Version: 1.4.05 ...
1、jQuery编程常识 ————————如何进行jQuery插件开发 2、五星评分——jQuery Raty一个很棒的jQuery评分插件—jQuery Raty 3、能感知鼠标方向的图片遮罩效果---jquery插件 jquery国外在线编辑网站——含大量经典jquery效果图及代码 ————http://codepen.io/ 4、javascript、jquery插件网站 5、jquery——插件网站 6、jquery-UI——官网 用户...
bootstrap中文网: http://www.bootcss.com/bootstrap:http://getbootstrap.com/表单验证:http://twitterbootstrap.org/live/bootstrap-form-validation/原文:http://www.cnblogs.com/jes_shaw/p/3777259.html
参考: http://www.w3cschool.cc/jquery/jquery-tutorial.html一、JQuery教程 JQuery是一个JavaScript库,极大的简化了JavaScript编程。 想着之后再看 HTML5 , CSS3 看来需要先看下了 .... 看完再更新这个吧 ...原文:http://my.oschina.net/lpe234/blog/323736
Gordon L. Hempton是西雅图的一位黑客和设计师,他花费了几个月的时间研究和比较了12种流行的JavaScript MVC框架,并在博客中总结了每种框架的优缺点,最终的结果是,Ember.js胜出。此次比较针对的特性标准有四种,分别是:UI绑定(UI Bindings)复合视图(Composed Views)Web表现层(Web Presentation Layer)与其他框架良好协作(Plays Nicely with Others)对于各种JavaScript MVC框架,Gordon都总结了优缺点:Backbone.js——...
JavaScript库:JQuery,undoscore,Zepto 纯Javascript语言封装,前端框架(UI框架):Bootstrap,Foundation,Semantic UI,Pure.css 前端框架、UI框架,或者叫UI模板 HTML + CSS + (JavaScript)? 模板引擎: 叫HTML模板引擎? 模板文件(HTML)+(CSS)?+数据(JSON) =输入=》 模板引擎 =输出=》HTML (客户端)前端模板引擎(渲染),(服务器)后端模板引擎(渲染) string-based模板引擎: dot.js dom-based模...
一、先来看一个简单的例子: 下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。 frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下:复制代码 代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> frame </TITLE> </HEAD> <frameset rows="50%,50%"> <frame name=top src="top.html"> <frame name=bottom src="bottom.html"> </frame...
今天学习了一下轮播图的写作,想到前一阵学过的无缝滚动得思想,所以就把轮播与滚动结合了一下。不过我的代码的神逻辑我自己都不敢恭维,在没网没参照的情况下,只能硬着头皮往下写,希望跟大家共勉吧。js运动框架的代码如下: 1//获取样式 2function getStyle(obj,attr){3if(obj.currentStyle){4return obj.currentStyle[attr];5 }else{6return getComputedStyle(obj,false)[attr];7 }8}910//运动框架11//complete:time,ea...
Gordon L. Hempton是西雅图的一位黑客和设计师,他花费了几个月的时间研究和比较了12种流行的JavaScript MVC框架,并在博客中总结了每种框架的优缺点,最终的结果是,Ember.js胜出。此次比较针对的特性标准有四种,分别是:UI绑定(UI Bindings)复合视图(Composed Views)Web表现层(Web Presentation Layer)与其他框架良好协作(Plays Nicely with Others)对于各种JavaScript MVC框架,Gordon都总结了优缺点:Backbone.js——...
javascript方式: window[‘top‘].document.getElementById(‘huang‘); jquery方式: $(window.parent.document).find(".title_name").text( );这都是在ifame框架内里获取top框架的方法本文出自 “Freax” 博客,请务必保留此出处http://freax.blog.51cto.com/6614733/1382836原文:http://freax.blog.51cto.com/6614733/1382836