换个号韩国红果果
- 浏览: 48083 次
- 性别:
- 来自: 武汉
-
最新评论
-
换个号韩国红果果：
<a src='ff'></a>
有关浏览器窗口宽度高度几个值的解析 -
LynBazinga：
学习了~谢谢
按对象属性排序
文章列表
<div class="inner">
<ul>
<li><img src="img/1.jpg" alt=""><a href="#">It belongs to you!...</a></li>
<li><img src="img/2.jpg" alt=""><a href="#">It belon ...
它的基于bootstrap 的https://raw.github.com/twbs/bootstrap/master/js/transition.js transition.js模块引用顺序
<link rel="stylesheet" href="style/zoom.css">
<script src="js/jquery.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0. ...
图形是用canvas绘制的
js代码
var paras = {
max:800,
min:100,
skin:'tron',//button type
thickness:.3,//button width
width:'200',//define canvas width.,canvas height
displayInput:'true',
//value:200,input得默认值 不能再这里设置
fgcolor:'#6391B2',//effective value that u can see
bgcolo ...
在一个容器当中 指定宽度后自动适应左右两边 并且要设置position：relative 因为li元素会根据它进行绝对定位
js
var options = {
autoResize: true, // 当浏览器窗口改变大小时自动更新布局
container: $('#main'), // 父容器
...
网址http://movie.douban.com
1 先上图
下面4附图的onmouseover事件会悬空触发图片介绍div 并且它每一屏的第4个li的介绍是在外面的 一般的做法是将图片介绍div绑定在ul下的li标签内 （有内在的逻辑）但是可以知道图片是在不断向左滚动的，那么就必须在unordered list(<ul>)外套一个元素使多出的ul隐藏，但隐藏ul也会隐藏介绍div 故不能这么做 必须逃脱中间兰的限制 所以把它放在了最后，通过appendChild的形式进行显示
先获取每一个li的绝对left top 再在它的基础上设介绍div的位置
注意到有延迟显示 ...
var getAbsoluteLeft=function(obj){
var _currParent=obj.offsetParent;
var _left=obj.offsetLeft;
while(_currParent!==null){
_left+=_currParent.offsetLeft;
_currParent=_currParent.offsetParent;
}
return _left;
}
offsetParent 指的是已经定位的父元素 没有的话就等同于parentNode ，parentNode（父节点） ...
外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。
合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。
但是
设了display:inline-block;后 上下margin不会进行合并
测试代码如下
css
h2,p{display:inline-block;}
h2,div,p{margin:10px 0px;}
html
<h2>当你看</h2>
<div>
到true时看不到我</div>
<p>时看不</p>
childNodes
- 博客分类：
- web
$=function(id){return typeof (id) == 'string' ?document.getElementById(id):null} ;
with($('move')){
var a=childNodes,arr=[];
for(var i=0;i<a.length ;i++)
{console.log(a[i].nodeName);
if(a[i].nodeName=='LI')
{
arr.push(a[i]);
}
}
}
另外 凡是标签 childNodes[i].node ...
若在文件中引入外部匿名自执行函数 一般在底部或html代码中（在需要获取的dom元素之后即可）引用 在head、内引用会导致dom还未加载就执行，若函数内有获取dom元素 并设置样式的代码 则会发生错误 并且它的加载发生在window.onload事件以前 因为载入外部样式也算是onload事件 而onload事件只在页面加载完成后触发 另外 浏览器显示正在载入表示正在加载dom 对自执行匿名函数执行时断点调试 可以发现一直是载入状态 侧面说明了它的执行在onload以前
并且 如<script type="text/javascript" src=&qu ...
cssText 批量为元素赋属性值
css
#div0{display: inline-block; width: 300px; height: 200px;text-align: center;color:red}
html
<div id="div0">
<div><p>fdfdfff</p></div>
<span>dfdf</span>
</div>
js
var a=document.getElementById('div ...
nodeClone()
- 博客分类：
- web
<script type="text/javascript">
window.onload=function()
{
var sourse=document.getElementById('div0')
for(var i=1;i<5;i++)
{
var clone=sourse.cloneNode(true);
clone.setAttribute('id','div'+i);
sourse.parentNode.appendChild(clone);
}
}
</scri ...
循环选取div$元素
- 博客分类：
- web
for(;i<7;i++){
var a="div"+i;
var t=document.getElementById(a)
console.log(t)
}
循环获得div1,div2 div3 div4 div5
必须先将计算的值赋予变量a 再用a来获得 不然console返回null 效果如图
augularjs开发环境配置 包括自动化工具
- 博客分类：
- web
1 下载安装node.js后，执行 npm install grunt 安装好了grunt
2 分别 执行 npm install grunt-contrib-jshint
npm install grunt-contrib-uglify 压缩混淆工具
npm install grunt-contrib-concat 合并多个文件工具
npm install grunt-contrib-watch 监事文件更改工具
可以参考http://www.gruntjs.net/sample-gruntfile
下面以运行grunt concat 来说明
在node ...
fsm 是当前状态+输入=末状态
参数表
Format is INITIAL_STATE: EVENT -> NEW_STATE
CLOSED: APP_PASSIVE_OPEN -> LISTEN
CLOSED: APP_ACTIVE_OPEN -> SYN_SENT
LISTEN: RCV_SYN -> SYN_RCVD
LISTEN: APP_SEND -> SYN_SENT
LISTEN: APP_CLOSE -> CLOSED
SYN_RCVD: APP_CLOSE -> ...
我的方案是转换为字符串来进行处理，因为直接计算小数与任何数相乘（比如整数，小数）浏览器会计算不精确，出现一大段小数的问题 比如
具体方案课参考这段代码
计算小数点位置
function decimalPlaces(n) {
var p='',i=0;
p=n+'';
var indexE=p.indexOf('e');
var IndexPoint=p.indexOf('.');
if(indexE!=-1) //搜寻是否采用科学计数法
{
if(IndexPoint!=-1) //是否有小数点 有则 ...