2017年2月23日
[读码时间] 图片列表：鼠标移入/移出改变图片透明度
摘要： 说明：代码来自网络。注释为笔者学习时添加。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>图片列表：鼠标移入/移出改变图片透明度</title> <style> ul,li{ /*去除内外边距，去除列表默认样式*/ mar 阅读全文
posted @ 2017-02-23 23:38 sx00xs 阅读(301) 评论(0) 推荐(0) 编辑
[读码时间] 提示框效果
摘要： 说明：代码来自网络。注释为笔者学习时添加。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>提示框效果</title> <style> body, div, h2, ul, li{ /*清除内外边距*/ margin:0; 阅读全文
posted @ 2017-02-23 23:23 sx00xs 阅读(171) 评论(0) 推荐(0) 编辑
[读码时间] 鼠标移入移出改变样式
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>鼠标移入移出改变样式</title> <style> body { color: #fff; font: 12px/1.5 Tahoma; /*字号和行高，字体*/ } #di 阅读全文
posted @ 2017-02-23 23:05 sx00xs 阅读(127) 评论(0) 推荐(0) 编辑
[读码时间] 数组求和
摘要： 说明：代码来自网络。注释为笔者学习时添加。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>数组求和</title> <style> body{ color:#999;/*浅黑色*/ font:12px/1.5 Tahoma 阅读全文
posted @ 2017-02-23 23:02 sx00xs 阅读(135) 评论(0) 推荐(0) 编辑
[读码时间] 简易选项卡
摘要： 说明：代码来自网络。注释为笔者学习时添加。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>简易选项卡</title> <style> body,ul,li{ /*内外边距全为0，消除不同浏览器上的显示区别*/ margin 阅读全文
posted @ 2017-02-23 22:46 sx00xs 阅读(184) 评论(0) 推荐(0) 编辑
[读码时间] 简易JS年历
摘要： 说明：代码来自网络。注释为笔者学习时添加。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>简易JS年历</title> <style> body,ul,li,h2,p{ /*清除内外边距*/ margin:0; paddi 阅读全文
posted @ 2017-02-23 22:45 sx00xs 阅读(330) 评论(0) 推荐(0) 编辑
[读码时间] 记住密码提示框
摘要： 说明：代码来自网络。注释为笔者学习时添加。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>记住密码提示框</title> <style> body,input,p{ margin:0; padding:0; } body{ 阅读全文
posted @ 2017-02-23 22:44 sx00xs 阅读(147) 评论(0) 推荐(0) 编辑
[读码时间] 函数传参，改变Div任意属性的值
摘要： 说明：代码来自网络。注释为笔者学习时添加。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>函数传参，改变Div任意属性的值</title> <style> body,p{ /*内外边距重置为０*/ margin:0; pa 阅读全文
posted @ 2017-02-23 22:43 sx00xs 阅读(480) 评论(0) 推荐(0) 编辑
[读码时间] mouseover小图显示对应大图
摘要： 说明：代码来自网络。注释为笔者学习时添加。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>鼠标移过，改变图片路径</title> <style> body,ul,li{ /*清除内外边距*/ margin:0; paddi 阅读全文
posted @ 2017-02-23 22:42 sx00xs 阅读(145) 评论(0) 推荐(0) 编辑
[读码时间] 点击DIV，显示其innerHTML
摘要： 说明：代码来自网络。注释为笔者学习时添加。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>点击DIV，显示其innerHTML</title> <style> body{ font:12px/1.5 Tahoma; /*行 阅读全文
posted @ 2017-02-23 22:41 sx00xs 阅读(256) 评论(0) 推荐(0) 编辑
[读码时间] 弹出层效果
摘要： 说明：代码来自网络。注释为笔者学习时添加。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>弹出层效果</title> <style> html,body{ height:100%; overflow:hidden; } b 阅读全文
posted @ 2017-02-23 22:39 sx00xs 阅读(113) 评论(0) 推荐(0) 编辑
[读码时间] 单一按钮显示隐藏
摘要： 说明：代码来自网络。注释为笔者学习时添加。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>单一按钮显示隐藏</title> <style> body,div,ul,li,h2{ margin:0; padding:0; } 阅读全文
posted @ 2017-02-23 22:38 sx00xs 阅读(147) 评论(0) 推荐(0) 编辑
[读码时间] 百度输入法
摘要： 说明：代码来自网络。注释为笔者学习时添加。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>百度输入法</title> <style> body,ul,li,button{ /*去掉内外边距*/ margin:0; padd 阅读全文
posted @ 2017-02-23 22:37 sx00xs 阅读(209) 评论(0) 推荐(0) 编辑