随笔分类 -  js

h5红包雨
摘要：现在很多活动中都会有一些小游戏，比如抽奖轮盘，红包雨等等，今天心血来潮写了一个粗糙的红包雨 <div class="content"> <div class="bg_box"> <img src="./image/bg.jpg"/> </div> </div> <!--倒计时--> <div cla 阅读全文
posted @ 2020-12-24 16:58 Aleno 阅读(464) 评论(0) 推荐(0)
jQuery伪分页效果
摘要：如图，我们首先分析在一个页面存放4条内容，其余的超出隐藏（因为这里没有后台数据，所以我们把内容‘写死’），然后就是下面两个按钮（这里我们不用button,因为button有自带的提交功能），然后我们可以把首页写成1，总页数使用JQ实现，为此，我们先把页面跟样式写好 这样我们写出来的效果应该是这样，然 阅读全文
posted @ 2019-04-11 15:39 Aleno 阅读(414) 评论(0) 推荐(0)
canvas实现验证码
摘要：首先，我们先看这张验证码来分析它，它在一个大的div中，由input框，icon小图标，报错的文字，canvas画布，更新图标以及button提交按钮组成，因此我们先写它的静态页面 再写它的样式 然后我们再来看当在input中输入验证码，点击button提交的时候我们需要去和canvas中的验证码去 阅读全文
posted @ 2019-04-10 16:05 Aleno 阅读(578) 评论(0) 推荐(0)
jQuery四叶草菜单效果，跟360杀毒软件差不多
摘要：首先，我们要在js,css文件夹中创建js跟css，然后在body中写入html代码 然后我们在css中写入它们的样式 最后就是我们使用JQ写四叶草菜单的动态样式 别忘了JQ插件喔！！ 阅读全文
posted @ 2019-04-09 16:00 Aleno 阅读(688) 评论(0) 推荐(0)
闲来无事，做个代码雨屏保
摘要：code by-zhenyu.sha (function() { var lastTime = 0; var vendors = ['ms', 'moz', 'webkit', 'o']; for (var x = 0... 阅读全文
posted @ 2018-11-12 17:04 Aleno 阅读(2073) 评论(0) 推荐(0)
事件
摘要：首先创建盒子和图片 再写样式 最后是在JS中写效果 阅读全文
posted @ 2018-02-07 11:39 Aleno 阅读(165) 评论(0) 推荐(0)
传参
摘要：先创建一个按钮 再写样式 最后写js效果 阅读全文
posted @ 2018-02-07 11:20 Aleno 阅读(169) 评论(0) 推荐(0)
图片的增删查
摘要：先创建一个盒子，几个按钮和输入框 在写样式 最后写效果 阅读全文
posted @ 2018-02-06 15:53 Aleno 阅读(254) 评论(0) 推荐(0)
图形的滚动及颜色区域的拉移
摘要：首先准备两个盒子： 再写样式： 最后是js代码部分： 演示效果：http://localhost:63342/demo/work7.html 阅读全文
posted @ 2017-12-27 14:46 Aleno 阅读(290) 评论(0) 推荐(0)
网页中的宽与高
摘要：先设置网页的大屏幕的宽高,以及点击事件： 1 <div style="width : 2000px,height : 2000px" onmousedown = "ww()"> <div id = "ex" style = "width :100px,height:30px "></div> </d 阅读全文
posted @ 2017-12-26 23:06 Aleno 阅读(505) 评论(0) 推荐(0)
用js把图片做的富有动态感，并对以后需要用着的属性进行封装
摘要：首先我们先要导入几张图片（我已导入完毕）： ； 好，我们先写一个 定义一个 在这<div>中再定义一个<div></div>,定义一个id="hhs"(随便定义的),然后在下面定义五个图片 我们再在样式表中写上一些需要用的，如下代码： 我们写一个 1 function $(oId){ 2 retur 阅读全文
posted @ 2017-12-25 21:17 Aleno 阅读(577) 评论(0) 推荐(0)
使用js做创建图片及删除图片 若有什么不对或不完整的地方，请大家提出来，谢谢
摘要：首先我们要在<body>中创建一个按钮<button>来用作点击创建图片，在<button>中写一个点击事件（随便命名）， 在创建一个<div>存放图片，在<div>中创建一个id（跟上面一样随便命名） 代码如下: 再写几个需要用到的样式： 我们先定义一个haol（随便定义的），里面transiti 阅读全文
posted @ 2017-12-19 22:21 Aleno 阅读(646) 评论(0) 推荐(0)