HTML - 随笔分类 - Newbie_小白

摘要：方法一：使用div模拟a，监听click事件方法二：使用<object>标签包裹内部a标签阅读全文

posted @ 2017-12-26 11:38 Newbie_小白阅读(436) 评论(0) 推荐(0)

摘要：HTML 5 + 阅读全文

posted @ 2016-06-26 15:55 Newbie_小白阅读(485) 评论(0) 推荐(0)

摘要：target属性规定了在何处打开超链接的文档。如果在一个 <a> 标签内包含一个 target 属性，浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在，浏览器将打开一个新的窗口，给这个窗口一个指定的标记阅读全文

posted @ 2016-06-25 19:21 Newbie_小白阅读(711) 评论(0) 推荐(0)

JS中的！=、== 、！==、===的用法和区别。

摘要：== 和 != 比较若类型不同，先偿试转换类型，再作值比较，最后返回值比较结果。而和 !== 只有在相同类型下,才会比较其值。首先，== equality 等同， identity 恒等。 ==，两边值类型不同的时候，要先进行类型转换，再比较。，不做类型转换，类型不同的一定不等。下面分阅读全文

posted @ 2016-06-20 09:13 Newbie_小白阅读(6810) 评论(0) 推荐(0)

让DIV的滚动条自动滚动到最底部 - 3种方法

摘要：要制作一个在线聊天的程序，在做最后的修饰时，需要对获得的信息即时滚动以保证用户总能看到最新消息。聊天程序是基于AJAX设计的，没有用框架，消息容器是一个DIV，所以问题就在于如何控制DIV的滚动条。但同样的代码拿到我这里却完全失效，又仔细查了下资料说XHTML标准下scrollTop的值恒为0，阅读全文

posted @ 2016-06-18 15:53 Newbie_小白阅读(78858) 评论(5) 推荐(5)

在浏览器的标签页显示网站标志图标（或指定图标）的方法

摘要：对于不同的浏览器，方法是有差别的1.对于IE或TT浏览器：把需要显示的16x16像素的ICO图标命名为favicon.ICO放置在网站根目录下，浏览器会自动检索2.这大概是所有浏览器通用的在标签页加入指定图标的方法：把favicon.ico图标放到网站根目录下，在网页的<head></head>中加阅读全文

posted @ 2016-06-04 13:54 Newbie_小白阅读(24375) 评论(0) 推荐(0)

js操作div的显隐

摘要：<!DOCTYPE html><html><head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <style type="text/css"> 阅读全文

posted @ 2016-05-14 10:28 Newbie_小白阅读(742) 评论(0) 推荐(0)

谈谈document.ready和window.onload的区别

摘要：在Jquery里面，我们可以看到两种写法:$(function(){}) 和$(document).ready(function(){}) 这两个方法的效果都是一样的，都是在dom文档树加载完之后执行一个函数（注意，这里面的文档树加载完不代表全部文件加载完）。而window.onload是在dom 阅读全文

posted @ 2016-05-03 19:59 Newbie_小白阅读(849) 评论(0) 推荐(0)

fieldset——一个不常用的HTML标签

摘要：fieldset 标签 -- 对表单进行分组在form表单中，我们可以对form中的信息进行分组归类，如注册表单的form，我们可以将注册信息分组成基本信息（一般为必填）详细信息（一般为可选）那我们如何更好的来实现呢？我们可考虑在表单form中加入下面两个标签： fieldset：对表单进行阅读全文

posted @ 2016-05-03 19:00 Newbie_小白阅读(15268) 评论(0) 推荐(1)

闪烁图片

摘要：html： result：阅读全文

posted @ 2016-05-01 19:47 Newbie_小白阅读(328) 评论(0) 推荐(0)

跑马灯效果

摘要：html： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>跑马灯</title> <style type="text/css"> body { background: #FFF; } input { background: tr 阅读全文

posted @ 2016-05-01 19:13 Newbie_小白阅读(655) 评论(0) 推荐(0)

html与地图

摘要：html：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" con 阅读全文

posted @ 2016-05-01 14:01 Newbie_小白阅读(330) 评论(0) 推荐(0)

html中音频和视频

摘要：HTML5音频中的新元素标签这些属性和<video>元素标签的属性很类似如何工作（同样，<audio> 与 </audio> 之间插入的内容是供不支持 audio 元素的浏览器显示的） <audio controls="controls"> 常用的控制函数只读的媒体属性可脚本控制的属性值 H 阅读全文

posted @ 2016-05-01 13:17 Newbie_小白阅读(1861) 评论(0) 推荐(0)

使用 HTML5 canvas 绘制精美的图形

摘要：什么是 Canvas？ HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。什么是 Canvas？ HTML5 的 canvas 元素使用 JavaScri 阅读全文

posted @ 2016-04-27 20:41 Newbie_小白阅读(1161) 评论(0) 推荐(0)

CSS属性中cursor:hand

摘要：在 IE 下设置鼠标为手型的方法: cursor: hand,但是在 FIREFOX 中是无效的,解决方法是在FIREFOX中设置: cursor: pointer. 而这个pointer 值在IE和FIREFOX 下都是通用的,所以我们使用: cursor:pointer 就可以了。一般而言，鼠阅读全文

posted @ 2016-04-27 18:56 Newbie_小白阅读(9549) 评论(5) 推荐(0)

HTML图片热区map area的用法

摘要：shape和coords：是两个主要的参数，用于设定热点的形状和大小。其基本用法如下： <area shape="rect" coords="x1, y1,x2,y2" href=url>表示设定热点的形状为矩形，左上角顶点坐标为（X1,y1），右下角顶点坐标为（X2,y2）。 <area shap 阅读全文

posted @ 2016-04-27 17:35 Newbie_小白阅读(1783) 评论(0) 推荐(0)

使用HTML实现对汉字拼音的支持

摘要：<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>无标题文档</title> <style> ruby { font-size: 14px; } ruby span { letter-spacing: 10px; } rt { fon 阅读全文

posted @ 2016-04-26 09:21 Newbie_小白阅读(2584) 评论(0) 推荐(0)

根据select创建input并赋值

摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" conten 阅读全文

posted @ 2016-04-12 13:45 Newbie_小白阅读(719) 评论(0) 推荐(0)

播放video

摘要：<html><head> <title> four in one vedio</title> <style type="text/css"> video.margin { margin: -7px -10px 0 -2px } </style></head><body class="margin" 阅读全文

posted @ 2016-04-11 20:31 Newbie_小白阅读(141) 评论(0) 推荐(0)

百度地图API

摘要：百度地图API 开始学习百度地图API最简单的方式是看一个简单的示例。以下代码创建了一个520x340大小的地图区域并以天安门作为地图的中心: 1. <html> 2. <head> 3. <meta http-equiv="Content-Type" content="text/html; cha 阅读全文

posted @ 2016-04-11 19:18 Newbie_小白阅读(418) 评论(0) 推荐(0)

随笔分类 - HTML