同一个页面中有许多地方都用到了单选按钮并设置了默认选中 , 结果在运行的时候发现单选按钮没有被默认选中由于是复制然后修改个别属性 ,然后直接使用的 , 所以name值忘记修改了 , 单选框是根据name来判断选中 .修改前 类似这样:由于是多个地方使用单选按钮 , 将所有使用了单选按钮的p同时显示出来 , 效果类似下面:代码类似下面这样代码(两组单选按钮 , 设置的name属性相同 , 两组分别设置了默认选中 , 结果只默认选中最后一组的设置...
一：页面会初始化到顶端，而后静止css代码：.ovfHiden{overflow: hidden;height: 100%;}jquery:$(".header_right").click(function(){$(html,body).addClass(ovfHiden); //使网页不可滚动$(".searchbox").show();})$(".yg-close").click(function(){$(html,body).removeClass(ovfHiden); //使网页恢复可滚$(".searchbox").hide();})二：页面正常静止1.打开新页面时需要禁止鼠标滚轮，禁止页面滑动；在调用显示层时加上这句js代码就...
html实现个人简历的实例代码分享<html> <head> <title>孙海洋</title> <mate name="keywords" content="个人简历"/> <mate name="description" content="孙海洋的个人简历"/> </head> <body> <table border=5 bordercolor=red align=center> <tr height=70 bgcolor=green align=center> <td width=720 colspan=6 align=center ><font size=5 ><b><a href=http://blog.sina.com.cn/u/3083814572>个人简历 </a></b></font></td> </...
html中input输入框修改后自动跳到最后一个字符的实例<input class="m-form-control" onpaste="return false" placeholder="直播间名称" name="name" onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5|\u0000-\u00ff|\u3002|\uFF1F| \uFF01|\uff0c|\u3001|\uff1b|\uff1a|\u3008-\u300f|\u2018|\u2019|\u201c|\u201d|\uff08|\uff09|\u2014|\u2026|\u2013|\uff0e]/g,)" onafterpaste="this.value=this.value.replace(/[^\u...
这篇文章主要介绍了html5使用canvas实现图片下载功能的示例代码,非常具有实用价值，需要的朋友可以参考下最近项目中需要实现一个下载图片的功能(如下图)一开始考虑使用a标签的download属性进行下载：<a href="图片src" download="下载海报"> 下载海报 </a>但是通过测试，发现再safari中，下载的文件不能带上拓展名，所以只好换一个思路，使用canvas进行处理。1.图片需要添加crossOrigin=anonymous设置图像的跨域属性2.使用toDataUR...
我们知道，在浏览器对HTML页面进行渲染显示的时候，会对HTML文件中的空格和换行符进行处理，这样我们原来写在HTML文件中的格式化就可能起不到效果，尤其是在我们想展示结构化程序代码时就会遇到问题，如下所示：<html><body>for i = 1 to 10print i next i</body> </html>这样的HTML文件在浏览器上显示时就会全部打印在一行上，如下所示：for i = 1 to 10 print i next i这样对于程序的理解就不能看的很清楚，那么如何才能像HTML文...
把iframe嵌套的网页放在某一位置，只需在iframe外加个框，改变框的位置即可，如：<!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> </title> </head> <body> <p class="main"><iframe src="http://www.bootcss.com/" onload="changeFrameHeight()" id="myifram...
效果总览：具体代码实现<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>提交用户信息</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <style> body, p, td, input {font-size:12px; margin:0px; } select {height:20px; width:300px; } .title {font-size: 16px; padding: 10px; width:80%; } .text {height:20px; width:300px; border:1px solid #AAAAAA...
这篇文章主要介绍了HTML中表格动态添加的实例代码，需要的的朋友参考下吧废话不多说了，直接给大家贴代码了，具体代码如下所示：<html> <head><title>Table</title></head> <body> <table border="1"> <thead> <tr> <td>First Name</td> <td>Last Name</td> <td> </td> </tr> <thead> <tbody id="tb"> <tr id="1st"> <td>张</td> <td>三</td> <td><input type="button" value="Add" onclick="add()"> <input type...
img元素允许我们在HTML文档里嵌入图像。要嵌入一张图像需要使用src和alt属性，代码如下：<img src="../img/example/img-map.jpg" alt="Products Image" width="580" height="266" />显示效果：1 在超链接里嵌入图像img元素的一个常见用法是结合a元素创建一个基于图像的超链接，代码如下：<a href="otherpage.html"><img src="../img/example/img-map.jpg" ismap alt="Products Image" width="580" height="266" /></a>浏览器显示这...
HTML中的列表HTML中列表中共有三种：有序列表、无序列表和定义列表。1、有序列表是一列使用数字进行标记的项目，它使用<li>包含于<ol>标签（ordered lists）内；<ol><li>开始部分</li><li>次要部分</li><li>结尾部分</li></ol>2、无序列表是一组使用黑点状进行标记的项目，它使用<li>包含在<ul>标签（unordered lists）内；<ul><li>关于主题</li><li>关于形式</li><li>关于内容</li></ul>3、定义列表语义上表示项目及其注释的组合，...
方法一: css1.html<html> <head> <title>内联样式(方法一)</title> </head> <body> <a href=”http://www.baidu.com” style=”color:#FF00FF; font-size:80;”>百度一下</a> </body> </html>方法二: css2.html<html> <head> <title>style标签中调用(方法二)</title> <style type=”text/css”> a{color:#FF0000;background:#FFFF00;} </style> </head> <body> <a href=”http://www.baidu.com“>百度二下</a> </body> </html> 方法...
英文字体引入方法：html代码<!DOCTYPE html> <html> <head> </head> <style>@font-face {font-family: fontNameRegular; /* 字体名称,可自己定义 */src: url(LIGHRG.eot);src: local(fontName Regular),local(Lightningvolt),url(LIGHRG.woff) format(woff),url(LIGHRG.ttf) format(truetype),url(LIGHRG.svg#LIGHRG) format(svg);}/* 将Lightningvolt替换成字体库名 *//* 将LIGHRG替换成你自己的字体文件名 */p {font: 50px fontN...
如何实现html页面的双语切换呢？最粗暴的办法是做两个页面，一个中文的，一个英文的。稍微温和的方法是：在每次显示之前，对当前的语言标志进行判断，用if和else来解决，其实，这种办法虽然没有那么粗暴，但也够恶心的了。还是用其他办法吧，废话少说，直接上代码。 为了简便起见，我用lang_flag来作为切换标志，那么代码如下;test.html文件：<html> <head> <script type="text/javascript" src="language.js"></script> <sc...
html中关于div滚动条样式设计的实例::-webkit-scrollbar-track-piece{ background-color:#fff;/*滚动条的背景颜色*/ -webkit-border-radius:0;/*滚动条的圆角宽度*/ } ::-webkit-scrollbar{ width:8px;/*滚动条的宽度*/ height:8px;/*滚动条的高度*/ } ::-webkit-scrollbar-thumb:vertical{/*垂直滚动条的样式*/ height:50px; background-color:#999; -webkit-border-radius:4px; outline:2px solid #fff; outline-offset:-2px; bo...