2018年2月27日

html5+css3实现整屏上下滚动

摘要： 背景相对于浏览器窗口定位：fixed； 1.HTML>body 结构： 2.css样式： 阅读全文

posted @ 2018-02-27 12:25 封寻丸子 阅读(1394) 评论(0) 推荐(0)

2018年1月10日

JavaScript实现tab选项卡

摘要： jQuery 阅读全文

posted @ 2018-01-10 12:23 封寻丸子 阅读(375) 评论(0) 推荐(0)

2017年12月25日

打印样式的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 封寻丸子 阅读(314) 评论(0) 推荐(0)

2017年12月19日

JavaScript实现自定义的右键菜单

摘要： 这里用到了JavaScript的事件对象event 事件捕获与键盘事件的运用。 JavaScript代码部分： HTML结构：（菜单框里面的内容可以自定义，这里就没有写里面的内容了） CSS样式这部分很简单，自己随便写一下样式就可以了。 阅读全文

posted @ 2017-12-19 21:00 封寻丸子 阅读(177) 评论(0) 推荐(0)

2017年12月18日

用源生的JavaScript编写一个异步的ajax库

摘要： 用源生的JavaScript写一个ajax的库，这样就不用每次都调用jQuery库了，依据ajax请求的步骤写，ajax请求有四个步骤:1.创建一个ajax对象，2.跟服务器进行连接；3.发送请求；4.接收返回值。 直接创建一个ajax的函数，里面传入三个参数：URL即获取的文件名，Fnsucc即接 阅读全文

posted @ 2017-12-18 15:29 封寻丸子 阅读(180) 评论(0) 推荐(0)

2017年9月17日

鼠标下滑到一定的高度时二级导航条固定在顶部

摘要： 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 封寻丸子 阅读(440) 评论(0) 推荐(0)

2017年9月7日

jQuery实现瀑布流

摘要： jQuery实现瀑布流js分析：首先监听window事件获取图片加载的位置，调用图片加载位置的函数，然后以鼠标滑动的距离来加载图片 1.HTML布局： 2.css样式： 3.js代码（注释写的有点乱） 阅读全文

posted @ 2017-09-07 14:04 封寻丸子 阅读(322) 评论(0) 推荐(0)

2017年8月14日

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 封寻丸子 阅读(2087) 评论(0) 推荐(0)

2017年8月4日

JavaScript实现分享侧边栏

摘要： 1.HTML结构： <div id="div1"> <span>分享到</span> </div> 2.css样式结构： 3.JavaScript： 阅读全文

posted @ 2017-08-04 10:45 封寻丸子 阅读(226) 评论(0) 推荐(0)

2017年8月2日

JavaScript无缝滚动

摘要： 1.HTML结构： 2.css样式： 3.JavaScript代码： 阅读全文

posted @ 2017-08-02 15:53 封寻丸子 阅读(139) 评论(0) 推荐(0)

导航