听说最近下载妹子图很火？Nodejs （javascrpt）自然不能落后~ 虽然从没写过像样的Nodejs程序，但作为至少翻过书的前端同学来说，Nodejs用得还蛮顺手的哈~ 花了一点事件学习了下Nodejs的网页获取和文件下载方法，没事乱捣腾就写了这个半成品的下载器使用方法：1）新建一个download目录 2）新建download.js（其实名字随便取），并复制到download目录下 3）复制两段代码到download.js中 4）打开命令行工具，并将当前目录转到与downloa...
废话不多说，先上个效果图：查看演示 源码下载 javascript中的代码var spans=document.getElementsByTagName("span"); var flag=5;//这个值随便取，只要不是01234就行 var Expand=function(){ //扩展代码，暂无 };onload=function(){//循环载入鼠标移入事件for(var i=0;i=0 && flagbody中的代码☆☆☆☆☆以上代码很简单吧，javascript实现五星评价功能就完成了，还有其他方法，时间有限就不写了，请持续关注本站...
HTML5围住神经猫游戏网页版是一款基于HTML5、jquery、Typescript等技术制作的围住神经猫游戏。 先给大家附上演示和源码下载，点击这里 查看演示 下载源码 去年风靡微信朋友圈的小游戏“围住神经猫”，我也试着做了一下。游戏是用Egret引擎开发的，因为Egret是用Typescript语言构建的，因此这里游戏也是用Typescript来开发的。 游戏规则： 点击画面上的灰色格子，慢慢将神经猫围起来抓住。如果猫到达游戏区边缘则游戏失败。 准...
效果图如下：查看演示 源码下载 html代码：jQuery / Zepto响应式菜单 PgwMenu 演示 请缩小/放大浏览器窗口宽度查看效果 深色样式（默认） 首页 代码 素材 模板 关于 服务 联系 浅色样式（默认） 首页 代码 素材 模板 关于 服务 联系 自定义样式 首页 代码 素材 模板 关于 服务 联系 Js代码 $(function () { $('.pgwMenu').pgwMenu({ dropDownLabel: '菜单', viewMoreLabel: '更多' }); $('.pgwMenuCustom').pgwMenu({ mainC...
源码下载：http://xiazai.jb51.net/201509/yuanma/drag_sort1(jb51.net).rar 效果展示如下： google plus拖动+响应式效果：要求 1. 两边对齐布局，即图片间间距一致，但左右两边的图片与边界的间距不一定等于图片间间距，兼容ie7,8,firefox,chrome. 2. 浏览器尺寸变化，在大于一定尺寸时，每行自动增加或减少图片,自动调整图片间间距，以满足两边对齐布局，这时每张图片尺寸固定（这里是200*200px）；而小于一定尺寸时，每行图片数...
在前面时间更新的新版本QQ中，登录背景和以前不一样了，是一组闪动的背景，效果非常棒。效果演示 源码下载 改效果需要引入三个js文件：加入以下div，运行即可。以上是本文给大家分享的QQ登录背景闪动效果附效果演示源码下载，希望大家喜欢。
这是一个超酷的照片墙展示效果，很多照片结合淡入淡出、旋转、缩放、倾斜及3D效果，照片快速从左侧切入，做旋转3D效果，最后在照片墙上整齐排列，为用户展示了超酷的照片墙展示效果。查看演示 下载源码 HTML 本文结合实例给大家分享超酷的照片墙效果，该效果依赖jQuery和easing插件，因此首先载入这两个文件。接着，我们在需要展示照片墙的位置放置如下代码：点击看效果 CSS CSS定义了照片墙基本样式，照片排列以及按钮样式。.grid...
效果图如下：我们在网页上放置一个复制按钮，主要用来方便用户复制链接之类的复杂文本，以往的做法是，通过JS依靠Flash，甚至借助jQuery庞大的js库来实现文本复制到剪贴板的。今天我要给大家介绍的是一款极现代的，不需要flash，不依赖任何其他js库的非常小的插件，它叫clipboard.js。 查看演示 下载源码 HTML 首先加载本地clipboard.js文件。代码如下:然后就是在body中加上要复制或剪切的文本域内容以及按钮。代码如下:复制 这里，...
效果图如下所示：效果演示 源码下载 Pietimer是一个可以在页面上生成一个扇形变化的定时器，它基于jQuery，可以自定义定时时间秒数，自定义扇形的颜色、宽度和高度等，并且支持定时结束时回调函数，可以控制开始和暂停，适用于需要定时器的页面如在线考试、限时抢购的场景。 HTML 首先加载jquery库文件和pietimer.js文件。然后我们在页面上放置一个“开始”和一个“暂停”按钮，以及用来绘制扇形图形的元素#demo，然后就是用来提示...
用户通过点击页面左侧的菜单，对应的页面加载时伴随着滑动过滤动画，并带有进度条效果。当然页面的加载是Ajax驱动的，整个加载过渡过程非常流畅，非常好的用户体验。 HTML HTML结构中，.cd-main包含页面主体内容，.cd-side-navigation包含着侧边导航条，#cd-loading-bar则是用来做进度条动画用的。Intro Animated Page Transition #2 Some text here Scroll Down CSS 我们将.cd-side-navigation固定在页面左侧，并且...
jquery制作电脑健康体检得分效果图如下所示，喜欢的朋友可以下载源码哦。查看效果图 源码下载 文件引用：var current = ; $(document).ready(function(){ $(".score-state-right").attr("style","width:px"); $("#check-secure").html("开始检测"); $("#check-secure").click(function(){if($("#scorenum").html()!=""){var current= ;}var scoreline=;var score=;var line=;var auth = $(".safe-auth-done").length;var mob...
首先给大家展示下效果图，喜欢的朋友继续往下看哦。这是一款简单但实用的多级垂直手风琴下拉列表菜单。该多级手风琴菜单完全使用CSS来制作，它通过将不同的子菜单进行分组，制作出多级菜单的效果。 该多级手风琴菜单通过在checkbox元素上使用:checked伪元素来制作。如果需要一些好看的动画效果，可以实用插件中提供的main.js文件，它可以提供菜单打开和收缩时左侧小箭头的动画效果。效果演示 源码下载 使用方法HTML结构该多级...
今天给大家介绍一款非常棒的WEB在线富文本编辑器——UMeditor，它是由百度web前端研发部开发所见即所得富文本web编辑器UEditor演变的迷你版编辑器，具有轻量，可定制，注重用户体验等特点，允许自由使用和修改代码，适用于前台快速简单回复框或后台内容编辑器。在线预览 源码下载 如何使用？ 建立一个demo.html文件，首先在需要添加编辑器的地方加入以下代码，使用style可以设置编辑器的宽度和高度。内容区域 然后，将UMeditor...
基于jQuery图文排版图片预览特效。这是一款基于jQuery+CSS3实现的鼠标点击图片弹出画廊切换特效。 效果图如下所示，怎么样感兴趣吗，感兴趣的朋友继续往下学习哦。效果演示 源码下载 html代码：True Story. Morbi faucibus euismod lectus. Morbi rhoncus dignissim tellus eget egestas. Praesent id leo quis massa posuere malesuada nec ut velit. Vivamus tincidunt nunc non sem bibendum posuere. Phasellus commodo d...
当要在有限的空间展示更多的信息时，我们经常会采取鼠标滑过弹出更多相关信息层，提高互动性。尤其可以应用在公司照片墙、招聘网站求职者信息展示等等场景。 本文结合实例和大家分享下使用jQuery实现滑过图片展示信息效果。当鼠标滑向照片时，会弹出对应的照片的详细介绍信息，请看演示效果：效果展示 源码下载 HTML 首先我们准备页面素材，页面上由多组图片密集组成，同时有图片对应的相关说明信息，用于展示详细信息效果。孟...