摘要:
无缝滚动好像是互联网广告最大的一个载体,可以用“无处不在”来形容它。不过它比起早期的闪光字体,浮动广告算进步了。由于需求巨大,做前台迟早会遇到它。我先给出结构层部分,再慢慢讲解其实现原理。 <dl id="marquee"> <dt> <img src="http://images.cnblogs. 阅读全文
摘要:
在研究响应式的时候,记录了一些感想,分享出来,抛砖引玉,希望可以和大家一起讨论。总结下来,响应式比之前想象的要复杂得多。 1. ie9以下(不包括ie9)采用ie条件注释,为ie8以及一下单独开一个样式文件 2. 一个模块的mq样式整体放在这个模块的样式的之后,符合层叠逻辑,也同时以免被层叠。 3. 阅读全文
摘要:
回到顶部有多种实现方式: 1.通过锚点然后定位,这个比较简单,但是效果比较生硬,就不多解释了 2.通过JavaScript实现,用到了定时器,window.onload,window.onscroll,setInterval,clearInterval,document.documentElemen 阅读全文
摘要:
今天看到一个比较有趣的效果,非常简单,就是子导航的高度不是固定的,当鼠标移上去以后导航的高度会随着子导航的内容改变而发生变化,不多说了,我做了个demo,如下 阅读全文
摘要:
有时候,我们需要大量的重复代码去实现一个非常简单的功能,这不仅浪费时间,而且效率低下,例如: <div class="aa">你好</div><div class="aa">我好</div><div class="aa">大家好</div><div class="aa">前面和后面</div> 我们 阅读全文
摘要:
突然想到以前看到当当上有个效果,当鼠标移上去,图片边框是运动添加上的,还以为是css3或者是canvas做的呢,做完幽灵按钮后,才知道,so easy,只不过是animate+position的杰作。附上代码 当然,其他的你想要的样式,不妨举一反三做一下,也很简单,只是个运动而已 阅读全文
摘要:
幽灵按钮,听名字有点不解?无碍,简单的来说就是一个按钮,移上去背景动一下,然后弹出个提示框,提示框在按钮的正上方而且居中,按钮上方有个图片,移上去有旋转360deg效果。不多说了,还是附上代码吧。由于采用了css3属性,所以,只兼容高级浏览器 主要知识点:transformtransitionbox 阅读全文
摘要:
记得曾经做过一个公交查询系统的二期开发,其中一个模块要求固定标题和左侧栏,当时不知道是哪根筋抽了,一门心思想着position:fixed;在margin:0;padding0;还是可以用的,但是当margin和padding改变值以后就不能用了,以至于弄了一天都没弄出个啥,好在当时要求不高,还是勉 阅读全文