![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端攻城狮之路
文章平均质量分 80
CrazyHorse02
我要成为前端攻城狮
展开
-
分页页码制作
强大源于点滴这次要实现的HTML分页页码的制作也就是要做成这样实现很简单了,div里面很多a标签,然后设置对应的css属性,代码如下:123456...200>.page_normal a{border: 1px solid #ff9600;padding: 5px 7px;color: #ff6500;text-deco原创 2015-01-29 15:31:28 · 1097 阅读 · 0 评论 -
JavaScript中的隐式类型转换
如果把通过函数或方法调用,明确的将某种类型转换成另一种类型称为显示转换 ,相反则称为隐式类型转换 。google和维基百科中没有找到“显示类型转换”,“隐式类型转换”的字眼。暂且这么称呼。一、 运算中存在的隐式类型转换 1, “+”运算符12var a = 11, b = '22';var c = a转载 2015-03-28 15:44:46 · 482 阅读 · 0 评论 -
Javascript强制类型转换
javascript是弱类型的语言,所以强制类型转换还是比较重要的,下面看一下它的几个强制转换的函数:1. Boolean(value):把值转换成Boolean类型;2. Number(value):把值转换成数字(整型或浮点数);3. String(value):把值转换成字符串。我们先来看Boolean():在要转换的值为“至少有一字符的字符串”、“非0的数字转载 2015-03-28 15:35:26 · 590 阅读 · 0 评论 -
HTML网页漂浮广告原理js实现
#demo { width: 100px; height: 100px; position:absolute; border-radius:50px; } window.onload = function(){ var de原创 2015-03-08 22:43:55 · 19113 阅读 · 3 评论 -
HTML中tab选项卡制作
这次要做的是tab选项卡,也叫滑动门。具体是什么呢?如图当我鼠标滑过上边标题栏的某一li时,下边显示的内容进行相应的改变。这个在门户网站经常用到。具体怎么做呢?其实很简单啦,只需要当我鼠标滑过某一标题li时,把下边的对应的div设置为block,其余的设置为display:none就可以了。下面说一下具体实现的细节.HTML部分:在一个tabs的div里面放一个tabs-t原创 2015-03-06 17:24:54 · 12592 阅读 · 2 评论 -
鼠标拖拽效果
这次要做的是鼠标拖动效果,说白了就是鼠标可以拖动网页上的一些组件(div),最普遍的就是在网页进行登录验证的时候,当点击登陆的时候会弹出一个登陆框,这个登陆框是出于屏幕中间的,浮于网页所有元素之上,可以进行随意拖动。具体实现也是非常简单的,下面就简单记录一下吧需要用到的知识有:position属性 ,offsetWidth,offsetHeighrt ,z-index,PageX,Pa原创 2015-03-02 17:06:24 · 541 阅读 · 0 评论 -
JS:offsetWidth\offsetleft 等图文解释
网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: document.body.scrollWid转载 2015-03-02 10:32:12 · 1990 阅读 · 2 评论 -
用canvas完成超炫酷的数字时钟
这次要完成的是一个很炫酷很炫酷的时钟,如图 每一次时钟更新都伴随有很多彩色小球落下,很不是很赞啊!O(∩_∩)O~这个东西呢,主要用到了两个方面的东西:canvas和js中的Date对象,涉及到的canvas属性和方法有:Canvas的声明 当前浏览器不支持Canvas,请更换浏览器后再试设置canvas画布的宽高: canvas.w原创 2015-02-06 17:30:04 · 3095 阅读 · 0 评论 -
强大的filter
强大的filter今天偶然看一篇关于css和js完成手风琴效果,百度相关知识的时候发现了一个非常有意思的css3 熟悉,原本以为应该是美工实现的东西,结果css就可以完成,感觉很nice。 以上图片全部是用css做的,并不是美工完成的。具体的内容:Filters主要是运用在图片上,以实现一些特效。(尽管他们也能运用于video上),语法 elm { f原创 2015-02-01 15:54:27 · 1782 阅读 · 0 评论 -
前端攻城狮这一堆东西的来由
强大源于点滴,这一堆文章呢,只是作为我学习前端过程的一个认证,这是我根据我在imooc学习之路上的点点滴滴总结下来的,大家互相学习,为成为前端大神加油↖(^ω^)↗原创 2015-01-29 14:20:32 · 951 阅读 · 0 评论 -
Javascript Array小结
在JavaScript的几个引用类型(Object,Array,Date,RegExp,Function,基本引用类型)中,Array类型应该是除了object应用的最多的类型了。与其他语言不同的是,ECMAscript(JavaScript)中的数组是没有进行强定义的,也就是说,在JavaScript数组中每一项可以存任何的对象。var test=['alpha','beta',3,fals原创 2015-03-22 22:02:24 · 511 阅读 · 0 评论