- 博客(20)
- 收藏
- 关注
原创 javascript机制致错
写如下代码alert( 0.07*100 ),结果竟然不是7,而是一长串的数字7.000000000000001。根本原因是...
2016-03-06 17:50:27 300
原创 js、css的动态引入
在使用myFocus时只需在设置参数的地方写上我们所需的风格名称即可,并不需要引入对应的js,css文件,结果就能实现轮播效果,这是怎么回事呢?它一定引入了,那它是怎么引入的呢? 其实这也很简单,我们也能做到。只不过是在js里面动态引入对应文件。这和用js在body里面添加内容是一样的。我们写两个函数:
2016-03-06 12:53:11 545
原创 简化脚本
其实我们可以自己写一些脚本,把他们编写成通用的函数,将他们存放到一个单独的文件。将来我们设计网页时就不必大费周折,把代码写上一遍又一遍。直接引用,只需传几个具体的参数即可。<div id="box" style="width:100px;height:100px;border:1px solid #000;"></div><script>function g(id){ return ...
2016-03-06 11:58:27 321
原创 色彩动画
由于色彩动画并不包含在核心jQuery库中,我们也不会经常使用色彩动画。所以当我们突然想做色彩变幻效果却又不知道色彩动画的这个插件时可能会无从下手。 如果需要生成色彩动画,需要从jQuery.com下载Color Animations插件。 具体地址:...
2016-03-06 11:23:30 315 1
原创 实现让元素看不到的几种方式
下面简单罗列了几种让元素看不到的几种方式:display:none 消失了,因此页面中没有它的位置了,其他元素会占据它有的位置visibility:hidden 看不到了,但还占据着原来的位置opacity:0只是肉眼看不见,...…
2016-03-06 09:16:50 441
原创 一些Math方法小结
<script type="text/javascript">var a1=Math.PI;//3.141592653589793var a2=Math.ceil(2.66);//向上取整3var a3=Math.floor(2.66);//向下取整2var a4=Math.round(9.50);//...
2016-03-05 19:11:54 200
原创 一些navigator方法小结
<script type="text/javascript">var a1=navigator.platform;//返回运行浏览取得操作系统平台var a2=navigator.userAgent;//返回由
2016-03-05 19:09:08 363
原创 html5优越性
html5有许多新特性,极大地方便了web开发者。比如如果我们想让用户通过点击模拟日历上的日期来选择日期,我们不必再计算每...
2016-03-05 19:07:07 266
原创 document.documentElement和document.body
<script>var a9=document.documentElement.clientWidth;// 包含margin-top ,bottom var a10=document.body.clientWidth;//不包含margin-left,rightvar a11=document.documentElement.offsetHeight;//包含margin-top ,bott
2016-03-05 19:05:44 213
原创 对js,jq 下div的各种宽度高度的小结
var s1=$('div').width()//不带单位content 100pxvar s2=$('div').css('width')//带单位content 100var s3=$('div').innerWidth()//content+padding 106var s4=$('div').outerWidth()//
2016-03-05 19:03:44 389
原创 利用数组实现无缝轮播
一般的图片轮播切换实现起来并不难,瞬间切换的轮播只需在点击按钮时先让所有的图片隐藏,再让对应索引的图片显示,难点在于平移类型的轮播,在最后一张,第一张图片继续切换时,我们看起来图片就是首尾相连的,但实际上我们并不能把图片真的首尾相连,这只能靠我们自己来实现首尾相连的视觉效果。 1.
2016-03-03 11:33:50 2433
原创 评分条的实现
评分条效果图:<style>#box{width:140px;height:27px;}.pox{width:25px;height:25px;border:1px solid #ccc;float:left;}</style><div id="box"> <div class="pox"></div> <div class="pox"></div>
2016-03-02 19:53:08 696
原创 另一种方式实现京东顶部宽度全屏
京东顶部有一个导航栏,一个可以关掉的广告,还有一条花纹。这个任务应该不难。 不过网页内容都是居中的,唯有顶部的板块宽度为屏幕宽度。如果我们把整个网页都做成div里面再套一个div,然后让里面的div margin=auto。那么顶部两边该怎么做呢? 1.我们可以不用把整个网页都囊括进margin=auto的框架内,顶部和下边分开做,至于最顶部内容也是居中,我们可以再用
2016-03-02 08:08:47 744
原创 if else
有时候我们要写很多if条件语句,这时我们一定要小心,不要为了省事写成 if(){} if(){} if(){} if(){} 最好写成if(){} else if(){} else if(){} else if(){} ,因为我们想要写的if条件是同等地位的,执行了一个if就不可能执行另一个if,而{}里面的语句可能会导致出错,下面是一个例子:<span>1</span>
2016-02-28 18:45:30 417
原创 随机产生5个从0到10之间不重复的整数
既然是随机,就必然会用到Math.random(),它能随机产生大于等于0,小于等于1的数字。 我们要的是0到10之间的整数,所以我们将它乘10。(Math.random()*10) 我们要的是整数,因此,我们需要将它四舍五入为整数,只剩0,1,2,3,4,5,6,7,8,9,10。(Math.round( Math.random()*10 )) 既然要产生5个
2016-02-24 11:56:09 13585
原创 自定义属性--索引值
<input type="button" value="弹出索引值0" /><input type="button" value="弹出索引值1" /><input type="button" value="弹出索引值2" /><script>var List=document.getElementsByTagName('input');for(i=0;i<List.length;i++){
2016-02-23 17:22:02 355
原创 =、==、 ===的区别
1.=是赋值,上面的代码i=12不是 满足条件i的值为12时,而是把12直接赋给了i,i=i-12又把i的值变成0,出现了一种死循环。2.==是相等,i==
2016-02-20 19:31:15 284
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人