Amouzy的博客

【代码】jq实现发弹幕功能。

jquery+css实现流星雨特效

走马灯插件、jquery轮播、扑克牌切换大致效果、html代码、script代码、css代码

案例效果：1、确定图片的宽度 - 滚动条宽度2、用相对定位来确定第一行按序布局3、用数组来放各列累加的高度，以相对定位来确定其他行的布局。其中top值就是最小列的高度加上间距。js:html:css:......

案例效果：先实现瀑布流，然后再实现向上无缝轮播。其中瀑布流实现步骤如下：1、确定图片的宽度 - 滚动条宽度2、用相对定位来确定第一行按序布局3、用数组来放各列累加的高度，以相对定位来确定其他行的布局。其中top值就是最小列的高度加上间距。向上无缝轮播主要是利用margin-top的递减来实现向上滚动。当滚动完后再赋值为0重新滚动。...

案例效果：点击下面页码，选择对应页面的效果。点击向左向右的箭头，页面切到上一张或者下一张，当前页面是第一张时不能继续选择上一张，反之亦然。html:css:向左向右的箭头如下：

利用定时器。使用setInterval() 方法间隔调用函数，从而实现循环切换。当使用鼠标切换的时候，先使用clearInterval()来停止定时操作，待切换到对应的图案后再恢复循环。代码如下：

大致效果如下：js部分：首要是自己先引入jquery.js文件，可自行去官网找<script src="jquery.js"></script> <script> $(window).on('load', function () { //1、当鼠标放至小图，出现黄色遮罩和右侧的大图 $('.imgbox').on('mouseover', function (e) { $('.scale').css('display','blo