编程
林家阿酒
临兵斗者皆阵列前行
展开
-
【H5】html5的新增的标签和废除的标签
新增的结构标签section元素 表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、 h2……等元素结合起来使用,表示文档结构。例:HTML5中<section>……</section>;HTML4中<div> ……</div>。 article元素 表示页面中一块与上下文不相关的独立内容。比如一篇文章。 asi...原创 2016-07-26 11:19:24 · 2165 阅读 · 0 评论 -
【CSS】用CSS3画出一个叮当猫
<!doctype html><html><head><meta charset="utf-8"><title>哆啦A梦</title><style>.wrapper{margin: 50px 0 0 500px;}.dlam{position: relative;}原创 2017-06-06 16:09:55 · 656 阅读 · 0 评论 -
【前端】Magnific Popup – 响应式 jQuery Lightbox 插件
原文地址:http://www.uedsc.com/magnific-popup.html一、Magnific Popup可以做什么1、单个图像lightbox三个不同的缩放设置简单的弹出窗口。1、适合水平和垂直,2、只能水平,3、没有差距,缩放动画关闭中右上角的图标。2、灯箱画廊你可以把任何 HTML 内容中每个库项目和混合的内容类型。在此示例中为基于移动方向转载 2017-03-06 10:37:39 · 12380 阅读 · 0 评论 -
【前端】在线咨询:移动端调用QQ代码
移动端调用QQ代码: mqqwpa://im/chat?chat_type=wpa&uin=2094192389&version=1&src_type=web&web_src=bjhuli.com原创 2017-08-29 15:58:47 · 2735 阅读 · 0 评论 -
【前端】自适应网页设计(Responsive Web Design)
原文网址:http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html一、"自适应网页设计"的概念2010年,Ethan Marcotte提出了"自适应网页设计"(Responsive Web Design)这个名词,指可以自动识别屏幕宽度、并做出相应调整的网页设计。他制作了一个范例,里面是《福尔摩斯历险记》六个主人...转载 2017-09-21 11:38:55 · 458 阅读 · 0 评论 -
【移动端】判断PC端还是手机端
判断PC端还是手机端window.onload=function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent原创 2017-05-17 10:26:30 · 1046 阅读 · 0 评论 -
【HTML5】HTML5
HTML5新标签指定一个预先定义的输入控件选项列表定义了表单的密钥对生成器字段定义一个计算结果原创 2017-03-09 10:10:28 · 1128 阅读 · 0 评论 -
【HTML】HTML字符实体
结合音标符发音符号是加到字母上的一个"glyph(字形)"。一些变音符号, 如 尖音符 ( ̀) 和 抑音符 ( ́) 。 变音符号可以出现字母的上面和下面,或者字母里面,或者两个字母间。变音符号可以与字母、数字字符的组合来使用。以下是一些实例:音标符字符Construct输出结果 ̀aàà原创 2017-03-09 10:26:36 · 364 阅读 · 0 评论 -
【HTML】HTML 速查列表
HTML 速查列表HTML 速查列表. 你可以打印它,以备日常使用。HTML 基本文档!DOCTYPEhtml>html>head>title>文档标题title>head>body>可见文本...body>html>基本标签(Basic Tags)h1>最大的标题h1>h2> . . . h2>h3> . . . h3>h4>原创 2017-03-09 10:35:35 · 324 阅读 · 0 评论 -
【CSS】CSS伪类/元素
所有CSS伪类/元素选择器 示例 示例说明 :checked input:checked 选择所有选中的表单元素 :disabled input:disabled 选择所有禁用的表单元素 :empty p:empty 选择所有没有子元素的p元素 :enabled input:enabled 选择所有启用的表单元素 ...原创 2017-03-10 11:35:08 · 323 阅读 · 0 评论 -
【前端】Modernizr——为HTML5和CSS3而生,及Modernizr的介绍和使用
原文地址:http://www.alistapart.com/articles/taking-advantage-of-html5-and-css3-with-modernizr/堂主译文地址:http://www.osmn00.com/translation/221.html转载请尊重原作者及译者劳动,附带以上信息,谢谢合作~-------------------- 分割线,以下是正转载 2017-03-06 10:44:24 · 1073 阅读 · 0 评论 -
【前端/JS】刷新网页后先前浏览位置不变的处理方法
刷新网页后先前浏览位置不变的处理方法<script> function window.onbeforeunload(){ var scrollPos; if (typeof window.pageYOffset != 'undefined') { scrollPos = window.pageYOffset; } else if (typeof...原创 2018-10-09 11:29:35 · 13013 阅读 · 0 评论 -
【JS】通过js判断网页平台入口从哪个app进入
老板要做推广,想知道推出去的网页是从哪个地方来的。下面是js代码:<!--获取APP信息--> <script type="text/JavaScript"> var browser = { versions: function () { var u = navigat...原创 2016-10-24 15:37:10 · 1954 阅读 · 0 评论 -
【css3】鼠标悬停图片旋转效果
鼠标经过时图片旋转效果<html><head><style>body {background:#ddd;}.keleyi {width: 220px;height: 220px;margin: 0 auto;background: no-repeat url("http://keleyi.com/image/a/q5l1xnmf.j...原创 2016-10-31 11:25:39 · 6964 阅读 · 0 评论 -
【JS】输入框内容传递给另一个输入框,测试通过
输入框内容传递给另一个输入框,测试通过<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Copy Value</title></head><body><style>&...原创 2016-10-31 11:41:59 · 2579 阅读 · 0 评论 -
【JS】点击弹出DIV
JS+CSS实现带关闭按钮的DIV弹出窗口<html><head><title>JS+CSS实现带关闭按钮的DIV弹出窗口</title><script> function locking(){ document.all.ly.style.display="block"; document.a...原创 2016-10-31 11:43:48 · 3547 阅读 · 1 评论 -
【微信】测试token用的index.php
测试token用的index.php<?php/** * wechat php test *///define your tokendefine("TOKEN", "etgkc2hagqockg2grbycsbabqj4nkq5o");$wechatObj = new wechatCallbackapiTest();$wechatObj->v...原创 2016-10-31 11:46:49 · 1341 阅读 · 0 评论 -
【JS】获取当前时间,时间与时间戳之间的转换
获取当前时间<input name="timesj" value="" type="text" id="timesj" class="intxt"><script type="text/javascript"> var nowDate = new Date().getTime(); document.getEle...原创 2016-10-31 11:49:22 · 39400 阅读 · 1 评论 -
【JS】网页悬浮广告及联系QQ客服侧边栏
网页悬浮广告及联系QQ客服侧边栏,广告跳动效果,及QQ客服隐藏效果 <script language="javascript" type="text/javascript">var w3c = (document.getElementById) ? true : false;var agt = navigator.userAgent.toLowerCase();var ...原创 2016-10-31 11:30:47 · 1284 阅读 · 0 评论 -
【JS】抽奖大转盘,点击弹出抽奖效果
抽奖大转盘,点击弹出抽奖效果 <!--抽奖点击弹出框--> <div id="dzp" class="dzp" > <div class="rotary"> <div class="rotaryArrow" id="rotaryArrow"></d原创 2016-10-31 11:37:21 · 2660 阅读 · 0 评论 -
【CSS】纯CSS点击显示隐藏
纯CSS点击显示隐藏,不需要加载任何文件,参考案例:<style type="text/css">#show{display:none;}#show:target{background:orange; display:block;}#hide:target{display:none;}</style><a href="#show">点击显示&l...原创 2019-09-30 17:26:10 · 9386 阅读 · 0 评论