前端
司天宏
人要有野心和向上的力量
展开
-
3D烟花特效-超级炫酷!
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <meta charset="utf-8"> &l转载 2019-02-13 21:11:42 · 1341 阅读 · 2 评论 -
js--EcmaScritp(四)对象+Math+Date
创建对象的方式1<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> //创建对原创 2019-01-15 19:21:23 · 128 阅读 · 0 评论 -
js--EcmaScript(定时器)
循环定时器<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <img src="../img/g原创 2019-01-14 20:22:57 · 256 阅读 · 0 评论 -
js--EcmaScript(二)
switch<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- JS中的switch结构满足ja原创 2019-01-14 20:18:49 · 191 阅读 · 0 评论 -
js--EcmaScript(一)
变量<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--js代码不能直接写,需要用script标签来包裹原创 2019-01-14 20:10:32 · 380 阅读 · 0 评论 -
jQuery---Demo(城市多选+省市选择+商品切换+验证码倒计时)
城市多选<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .move {原创 2019-01-19 14:08:49 · 1169 阅读 · 0 评论 -
jQuery---动画
隐藏和显示<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div style="width: 20原创 2019-01-19 11:55:09 · 338 阅读 · 0 评论 -
web--Demo打字机+选项卡特效+表单操作
打字机&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;styl原创 2019-01-24 11:05:47 · 286 阅读 · 0 评论 -
CSS Demo
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin:原创 2019-01-14 08:53:31 · 963 阅读 · 0 评论 -
web 资料分享
HTMLHTMl文档CSSCSS文档JavaScriptJavaScript文档jQueryjQuery文档jquery用到的插件jquery.min.jsjQuery帮助文档jquery帮助文档web 视频web视频原创 2019-01-18 19:32:02 · 176 阅读 · 2 评论 -
js--Dom(一) 基础
节点分类+获取节点的方式<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--在DOM中,所有的内容都叫节原创 2019-01-15 19:28:02 · 135 阅读 · 0 评论 -
js--Dom(二)Dom事件
单击事件&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&原创 2019-01-15 19:32:57 · 149 阅读 · 0 评论 -
js--Dom(三)内容节点操作+属性节点操作
innerHTML<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--innerHTML:设置或获取元素里的原创 2019-01-15 19:39:18 · 687 阅读 · 0 评论 -
jQuery内容节点操作(重点----jQuery对象和Dom对象的相互转换)
jQuery对象和Dom对象的相互转换<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p>我原创 2019-01-16 20:01:40 · 722 阅读 · 0 评论 -
jQuery事件
jQuery基础事件&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&原创 2019-01-16 19:53:24 · 262 阅读 · 0 评论 -
jQuery基础+选择器
jquery 入门&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/原创 2019-01-16 19:49:26 · 426 阅读 · 0 评论 -
js---Bom window对象
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--window是BOM中最顶级对象,代表整个浏览器窗口原创 2019-01-16 19:38:59 · 226 阅读 · 0 评论 -
js---Dom实例
下拉更换背景&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &原创 2019-01-16 19:35:02 · 536 阅读 · 0 评论 -
js---Dom(六)事件---重点
鼠标事件<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #box { width: 200px;原创 2019-01-16 19:23:21 · 211 阅读 · 0 评论 -
js---Dom给元素添加事件的两种方式
1.按照事件三要素的语法来添加事件,这种方式能让html元素和js脚本分离例如:Html元素: <input type="button" id="btn1" value="插入节点到末尾" />Js脚本 <script> var btn1=document.getElementById('btn1'); //父节点 ...原创 2019-01-15 19:58:49 · 15108 阅读 · 0 评论 -
js---Dom(五)表单操作
value属性&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;原创 2019-01-15 19:53:00 · 1017 阅读 · 2 评论 -
js--Dom(四) 样式+节点操作
样式操作—获取和设置样式&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &l原创 2019-01-15 19:47:57 · 1185 阅读 · 0 评论 -
jQuery---each()方法+链式语法与运用
each()方法<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/jquery.min.js"原创 2019-01-18 19:18:10 · 179 阅读 · 1 评论 -
jQuery---节点操作(下)
遍历节点(同辈)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/jquery.min.js&q原创 2019-01-18 19:12:59 · 1212 阅读 · 0 评论 -
jQuery---节点操作(上)
节点操作(上)<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #txt { color: #FF0000;原创 2019-01-18 19:07:09 · 377 阅读 · 0 评论 -
CSS(三)关系选择器
交集选择器<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> /*交集选择器:由2个选择器直接构成,选择的元素范围是它们各自的元素的公共部分,即交集*/ div#s原创 2019-01-12 19:07:34 · 1097 阅读 · 0 评论 -
CSS(二)基础选择器
标签选择器<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> h2{ color:red; } </style>原创 2019-01-12 19:00:45 · 125 阅读 · 0 评论 -
CSS(一)基础
1.引入样式方式1-行内样式<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 行内样式:只对它所修饰的元素原创 2019-01-12 18:03:56 · 187 阅读 · 0 评论 -
HBuilder快捷键TAB使用
快捷键TAB使用以下快捷生成代码对于HBuidler或WebStorm等前端工具都是通用的1.标签快速生成格式:标签名 按tab键自动生成标签例子:div 生成2.多个标签快速生成格式:标签名*n 按TAB键后 自动生个n个标签例子:div*3 生成3,快速生成并添加内容格式:标签名{内容} 生成标签并把内容写入到标签里面例子:div{这是我...原创 2019-01-12 17:54:57 · 10180 阅读 · 2 评论 -
HTML基础 实例
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&原创 2019-01-11 21:34:59 · 3740 阅读 · 0 评论 -
HTML框架和字符实体
右边<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body bgcolor="yellow"> <原创 2019-01-11 21:22:42 · 124 阅读 · 1 评论 -
HTML表单标签
form的使用&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/原创 2019-01-11 21:08:20 · 134 阅读 · 1 评论 -
HTML表格标签
基本表格&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/hea原创 2019-01-11 21:05:24 · 886 阅读 · 1 评论 -
HTML基础标签
标题标签&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&原创 2019-01-11 20:58:21 · 849 阅读 · 1 评论 -
CSS(四)属性及伪类选择器
属性选择器<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> /*属性选择器:根据元素的属性来选择元素 语法1: [attr]:选择网页上具有attr属性的所有元原创 2019-01-12 19:10:38 · 317 阅读 · 0 评论 -
CSS(五)选择器优先级
简单选择器优先级&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &原创 2019-01-12 19:13:19 · 208 阅读 · 0 评论 -
CSS(六)常用属性
背景属性```<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> /*设置html和body的高度都是100%,这样背景图片就能在竖直方向上居中 */原创 2019-01-12 19:19:13 · 199 阅读 · 0 评论 -
jQuery练习 下拉更换背景+百度音乐盒
下拉更换背景<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0;原创 2019-01-18 18:58:43 · 257 阅读 · 0 评论 -
jQuery---css样式_尺寸
css方法操作样式<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="../js/jquery.min.js"></s原创 2019-01-18 18:53:57 · 154 阅读 · 0 评论 -
jQuery---属性操作
属性节点操作—attr方法<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="../js/jquery.min.js"></scr原创 2019-01-18 18:50:19 · 358 阅读 · 0 评论