事实上， 速查表 就是来帮助我们把日常中最常用到的信息聚集起来，方便使用，使我们做工作时更有效率。有了它们，免去了你的大脑花额外时间去记忆它们的烦恼——你只需要打开简表，马上能查到你想要的信息。 这篇文章里，你可以看到 最实用的HTML，CSS，JavaScript速查表 ，它们可以当作参考资料，备忘录，能帮助你以最快的速度找到想要的信息。 看看这些简表是不是你想要的，请在文章下面留下你的建议，谢谢！ HTML HTML帮助手册 ...
BS架构的企业级应用中，当一个表格列数较多时，用户一个常见的需求就是把前面几个重要的列固定住，这样拖动滚动条时固定的列会方便用户查看数据，用户体验很好。一些重量级的JS组件库也都有这个功能，那么有没有更简单的方法实现这个功能呢？ 这个需求常见的解决方案是使用表格拼接的方法，这个方案如果要制作静态的网页，或者功能简单的动态页面，逻辑比较简单，技术上也不复杂，很容易实现，但是如果要做成组件，动态功能较多的话...
写ABROAD项目用到了标签这个东东，其实标签在WEB上到处可见，图中就依次显示了DCC文章发布器、ABROAD后台添加数据、百度图片搜索、sf发布博客文章时贴标签的样式——标签就像浏览器里原生的checkbox一样，不过checkbox实在太丑了，就使用这个简单方法美化一下好了。 1、HTML代码：经济、金融类行政、人资类市场、销售类电子工程IT类工程类生物医药类物理、化学类广告、传媒类语言、翻译类2、CSS代码（颜色、字体大小、间距自行调整...
之前发布了一款简易的计算器，今天做了一下修改，添加了键盘监听事件，不用再用鼠标点点点啦 JS代码：var yunSuan = 0;// 运算符号，0-无运算;1-加法;2-减法;3-乘法;4-除法 var change = 0;// 属于运算符后需要清空上一数值 var num1 = 0;// 运算第一个数据 var num2 = 0;// 运算第二个数据 var cunChuValue = 0;// 存储的数值 $(function() { $(".number").click(function() {// 点击数字触发事件 var num = $(this).attr('name')...
<head lang="en"><meta charset="utf-8"><title></title><link rel="stylesheet" href="css/*.css" rel="external nofollow" ><script src="js/*.js></script> </head>DOM文档的加载顺序是由上而下的顺序加载； 1、DOM加载到link标签 css文件的加载是与DOM的加载并行的，也就是说，css在加载时Dom还在继续加载构建，而过程中遇到的css样式或者img，则会向服务器发送一个请求，待资源返回后，将其添加到dom中的相对应位置中； 2、DO...
需求描述，由于工作的需要，需要将原本用于1280720的网页改为19201080的网页（电视端页面）。需求可以拆分为两部分，代码部分的修改以及图片的修改。在代码部分，需要将所有位置以及大小相关的值乘以1.5，图片的尺寸也要放大1.5倍。首先使用nodejs遍历当前的文件夹： // 遍历所有的文件 var fs = require("fs") var path = require("path") var relativePath = \\test // 拿到需要遍历的路径 var root = path.join(__dirname)+rela...
本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下 1.lunbo.html代码：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>大轮播</title> <link rel="stylesheet" type="text/css" href="CSS/lunbo.css"/> <script src="JS/lunbo.js" type="text/javascript"></script> </head> <body> <div id="container"> <div id="list" style="left: -1350px;"> <img src="image/ban...
实现效果演示：实现代码及注释： <!DOCTYPE html> <html> <head><title>楼层跳跃式的页面布局</title><meta charset="utf-8"><style type="text/css">*{margin: 0;padding: 0;}body, html{height: 100%;}ul{list-style: none;height: 100%;}ul li{height: 100%;}ol{list-style: none;position: fixed;top:200px;left: 50px;}ol li{width: 50px;height: 50px;border: 1px solid #000;text-align: center;line-height: 50px;margin-t...
是的！你没看错！还是轮播图。这次的JQuery的哟！！ CSS代码： /*轮播图 左右按钮 小白点*/#second_div{margin-top: 160px;}.img_box{overflow: hidden;width:100%;height:420px;border:1px solid;position:relative;} .img_box img{width:100%;position:absolute;} .ul5{list-style: none;position:absolute;left:580px;top:565px;} .ul5 li{float:left;margin-left:20px;width:40px;height:5px;border:0px;background:lawngree...
为了测一个附近门店的功能，需要配置一下服务器进行测试。本来打算用apache的，后来想自己是做前端的，好久没有用过Nodejs了何不用所学的知识自己配一下呢，说动手就手。 第一步，俗话说的好，工欲善其事，必先利其器。既然要用node+express配置服务器，如果电脑上没有的话自然要先安装这两个大宝贝啦。 1.安装node。到Node官网下载安装即可，直接下一步下一步就完成了。 2.npm初始化项目。打开终端，输入npm init -y即可。注意：如...
因为在移动端APP需要实现长按执行别的事件，但是在iOS系统有默认的长按选择复制粘贴，禁止此功能在网上找了很多资料，最终整理出目前最好的解决方法。 项目是APP，已经经过多款手机适配此时，因此可以放心使用。 /*设置IOS页面长按不可复制粘贴，但是IOS上出现input、textarea不能输入，因此将使用-webkit-user-select:auto;*/ *{-webkit-touch-callout:none; /*系统默认菜单被禁用*/-webkit-user-select:none; /*webkit浏览器*/-k...
废话不多说了，直接给大家贴代码了，具体代码如下所示： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>jquery实现进度条</title> <style type="text/css"> body{padding:30px;margin-left:450px;margin-top:200px;width:350px;border: 1px solid #98AFB7; } .progressBar{width:280px;height:20px;border: 1px solid #98AFB...
这个游戏主要分为三部份，HTML5+CSS+JAVASCRIPT来完成的。在这里详细讲一下js的代码。因为这个游戏的主要部分其实就是js。 大多数都是靠js来完成的。完成后的效果如下： HTML代码：<body> <div class="wrap"> <div class="play_wrap"> <div id="play_area"></div> <div class="play_menu"> <p>下一个：</p> <div id="play_nextType"></div> <a id="play_btn_start" class="play_btn" href="javascript:void(0);" unselectable="on"...
本文实例为大家分享了js复选框全选与反选实现代码，供大家参考，具体内容如下 <html><head><title>html+css+js实现复选框全选与反选</title><meta http-equiv="content-type" content="text/html;charset=utf-8" /><meta name="keywords" content="js,笔试题目" /><style type="text/css">table,tr,td{border:1px solid red;}</style><script type="text/javascript">function quanxuan(){for(var i=1;i<=3;i++){var cbox_id="cb"+...
先给大家展示下效果图，如果大家感觉还不错，请参考实现代码哦！HTML： <div class="container iden_top"> <ul> <li> <p class=iden_add_name>应用标识1</p> <span class="iden_top_button"></span> <div class="iden_top_dete"></div> </li> </ul> <span class="iden_add">+</span> </div><div class="data_z_create_box"> <div class="create_z_create_box_top"> <span class="data_z_create_box_top_title"></span> <div class=...