javascript
关注
分享
扫一扫
梵海pp
乐于编程，享受生活
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
页面左右两边跟随式广告框
当我们浏览一些网页时我们会发现页面的的边上会有广告图片，当滚动滚动条的时候这些广告图片会跟随性的随页面一起运动（这里我叫它为广告框）。一些网页的广告框是固定在浏览器上的用background：fixed；便可实现。这里我用JavaScript简单的制作了一个随滚动缓冲运动的广告框。 制作的原理比较简单，大家都有一个完美的js运动框架，这里的缓冲运动需要用到。这里的广告框设定的是跟随滚动条缓冲运动并运原创 2017-03-02 18:03:20 · 3995 阅读 · 0 评论 -
Javascript计算器
用Javascript实现一个基本的运算器使用表格布局，JS添加事件<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>计算器</title></head><style> *{ margin: 0; padding: 0; } table原创 2017-06-19 11:48:46 · 687 阅读 · 0 评论 -
Javascript实现时间倒计时
这里使用的是Date日期类<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>日期类倒计时</title> <script type="text/javascript"> window.onload=function(){原创 2017-07-14 20:10:48 · 1702 阅读 · 0 评论 -
Javascript实现时间表
这里用到的是Date时间类<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>日期类 时间表</title> </head> <style> #box{ background:url(img/1.jpg) no-repeat;原创 2017-07-14 20:15:42 · 1915 阅读 · 0 评论 -
Javascript实现三级联动
三级联动：就是平时网页上需要选择的省市县对应位置的下拉栏模块，当选择好省位置后市的下拉栏更新为已选省的，县类似。 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>三级联动</title></head><body><select id="sheng"> <option原创 2017-07-14 20:23:29 · 22258 阅读 · 3 评论 -
Javascript实现秒表倒计时
<html><body><span id="clock" style="font-size: 3em">00:30:00:00</span><script type="text/javascript"> var oclock=document.getElementById("clock"); var start1 = oclock.innerHTML; var finis原创 2017-07-20 13:44:27 · 4021 阅读 · 0 评论 -
Javascript实现找不同色块的游戏
游戏规则：在变化数量的颜色块里找出一个不同颜色的块点击这里使用了JS中的构造函数来创建元素<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>找不同色块的游戏（构造函数）</title></head><style> *{ margin: 0; paddi原创 2017-07-17 10:45:57 · 4390 阅读 · 0 评论 -
Javascript实现贪吃蛇小游戏
HTML代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>贪吃蛇游戏</title> <link rel="stylesheet" href="css/myself-css.css"/></head><body><script src="js/myself-js.js" type原创 2017-07-17 23:29:59 · 1064 阅读 · 1 评论 -
Javascript实现别踩白块儿（钢琴块儿）小游戏
游戏唯一的一个规则，我们只需要不断踩着黑色方块前进即可，这里根据方向键来踩白块在规定时间内，每走一次分数加100游戏内的每一排都是一个有四个元素的数组，当正确的踩到黑块前进后，前一个数组内所有的对象样式属性（backgroundColor）赋值给其后一个数组内的对应位置处的对象，便实现了前进的功能，很简单的思想<!DOCTYPE html><html><head lang="en"> <原创 2017-07-20 15:16:38 · 3211 阅读 · 1 评论