03 2016 档案

scrollLeft,scrollWidth,clientWidth,offsetWidth 可实现导航栏固定不动（冻结）的效果
摘要：HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中 阅读全文
posted @ 2016-03-25 11:30 SophiaLiu 阅读(330) 评论(0) 推荐(0)
开发过程中遇到的浏览器兼容的问题总结
摘要：1. 带有链接的图片，在ie浏览器下，会自带边框，解决方法： 加个 img{border:0px；} 2.圆角问题（border-radius) 如果要想在IE浏览器中实现圆角的效果，我们一般都会采用圆角图片的方式。用图片的话，基本就跟浏览器没有多大关系了，因为任何浏览器都支持这种方式。今天我们主要 阅读全文
posted @ 2016-03-21 15:24 SophiaLiu 阅读(567) 评论(0) 推荐(0)
微信、微博、qq图标服务实现
摘要：实现原理：变化前的图标和变化后的图标在一张图片上，用这张图片作为背景，通过定义背景的位置来实现显示哪个图标，其中还带着滑动的动画效果。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</ti 阅读全文
posted @ 2016-03-11 15:31 SophiaLiu 阅读(224) 评论(0) 推荐(0)
dl dd dt与ul li
摘要：像这种格式的网页，可以用dl来实现，比较方便 阅读全文
posted @ 2016-03-11 13:32 SophiaLiu 阅读(169) 评论(0) 推荐(0)
css动画——transition和animation
摘要：http://www.ruanyifeng.com/blog/2014/02/css_transition_and_animation.html 第一部分：CSS Transition 在CSS 3引入Transition（过渡）这个概念之前，CSS是没有时间轴的。也就是说，所有的状态变化，都是即时 阅读全文
posted @ 2016-03-11 09:52 SophiaLiu 阅读(250) 评论(0) 推荐(0)
焦点轮播图——myfocus焦点图库
摘要：网站网址： http://demo.jb51.net/js/myfocus/demo.html 简单3步，你即可以用上myFocus。 Step 1. 在html的标签内引入相关文件 <script type="text/javascript" src="js/myfocus-2.0.0.min.j 阅读全文
posted @ 2016-03-10 10:35 SophiaLiu 阅读(307) 评论(0) 推荐(0)