html5+css3实现整屏上下滚动
摘要：
背景相对于浏览器窗口定位：fixed； 1.HTML>body 结构： 2.css样式： 阅读全文
posted @ 2018-02-27 12:25 封寻丸子 阅读(1337) 评论(0) 推荐(0) 编辑
打印样式的CSS
摘要：
1 @media print{ 2 *, 3 *:before, 4 *:after{ 5 background:transparent !important; 6 color:#000 !important; 7 box-shadow: none !important; 8 text-sha... 阅读全文
posted @ 2017-12-25 19:52 封寻丸子 阅读(283) 评论(0) 推荐(0) 编辑
JavaScript实现自定义的右键菜单
摘要：
这里用到了JavaScript的事件对象event 事件捕获与键盘事件的运用。 JavaScript代码部分： HTML结构：（菜单框里面的内容可以自定义，这里就没有写里面的内容了） CSS样式这部分很简单，自己随便写一下样式就可以了。 阅读全文
posted @ 2017-12-19 21:00 封寻丸子 阅读(152) 评论(0) 推荐(0) 编辑
用源生的JavaScript编写一个异步的ajax库
摘要：
用源生的JavaScript写一个ajax的库，这样就不用每次都调用jQuery库了，依据ajax请求的步骤写，ajax请求有四个步骤:1.创建一个ajax对象，2.跟服务器进行连接；3.发送请求；4.接收返回值。 直接创建一个ajax的函数，里面传入三个参数：URL即获取的文件名，Fnsucc即接 阅读全文
posted @ 2017-12-18 15:29 封寻丸子 阅读(155) 评论(0) 推荐(0) 编辑
鼠标下滑到一定的高度时二级导航条固定在顶部
摘要：
css样式： .fixednav{ position:fixed; top:0px; left:0; width:100%; z-index:1; } jQuery js结构： $(function(){ var nav=$(".nav");//获取当前对象 var win =$(windows); 阅读全文
posted @ 2017-09-17 15:55 封寻丸子 阅读(398) 评论(0) 推荐(0) 编辑
jQuery实现瀑布流
摘要：
jQuery实现瀑布流js分析：首先监听window事件获取图片加载的位置，调用图片加载位置的函数，然后以鼠标滑动的距离来加载图片 1.HTML布局： 2.css样式： 3.js代码（注释写的有点乱） 阅读全文
posted @ 2017-09-07 14:04 封寻丸子 阅读(286) 评论(0) 推荐(0) 编辑
jquery左右切换的无缝滚动轮播图
摘要：
1.HTML结构： <head> <script type="text/javascript" src="../jquery-1.8.3/jquery.js"></script> </head> <body> <div class="banner"> <ul class="img"> <li><a 阅读全文
posted @ 2017-08-14 20:37 封寻丸子 阅读(2037) 评论(0) 推荐(0) 编辑
JavaScript实现分享侧边栏
摘要：
1.HTML结构： <div id="div1"> <span>分享到</span> </div> 2.css样式结构： 3.JavaScript： 阅读全文
posted @ 2017-08-04 10:45 封寻丸子 阅读(206) 评论(0) 推荐(0) 编辑
JavaScript无缝滚动
摘要：
1.HTML结构： 2.css样式： 3.JavaScript代码： 阅读全文
posted @ 2017-08-02 15:53 封寻丸子 阅读(126) 评论(0) 推荐(0) 编辑
