工作需要,要做一个手机自适应的网页效果,终于搞定,先分享并记录! 其实主要就是改掉HTML页面声明: 在网页中加入以下代码,就可以正常显示了: 代码如下: <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/> 解释: width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例...
效果截图: 实现代码: 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title></title> <style type="text/css"> .linear{ width:100%; height:600px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=##15A216,endColorStr=#fafafa); /*IE*/ background:-moz-linear-gradient(top,#1...
问题:在index.html 中,iframe 引入son.html,在son.html 中如何点击某个操作,实现屏蔽整个页面,并弹出要显示的层? 准备: index.html son.html 思路: 一:index.html中iframe引入son.html , 代码如下: <!-- 右侧iframe开始 --> <div id="resDiv" class="resDiv"> <iframe name="res" class="iframestyle" allowtransparency="true" src="son.html" frameborder="0" scrolling="no"></iframe> </div> <!-- 右侧iframe结束 --...
marquee元素可以实现简单的字体(图片等)的滑动等效果: 代码如下: <style type="text/css"> #div01{ width: 500px; } </style> <script type="text/javascript"> </script> <marquee behavior="alertnate"><font size=30 color=red>www.baidu.com111</font></marquee> <marquee direction=right bgcolor=#ff2233 behavior="alertnate"><font size=30 color=blue>www.baidu.com222</font></marquee> <marquee id="m3" direction=d...
要实现背景色闪烁效果只要如下代码加入到<body>区域中即可代码如下: <script language="Javascript"> function blinkit() { intrvl=0; for(nTimes=0;nTimes<3;nTimes++) { intrvl += 200; setTimeout("document.bgColor=#0000FF;",intrvl); intrvl += 200; setTimeout("document.bgColor=#336699;",intrvl); } } </script> <input type="button" value="Blink" o...
代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>列表选项卡</title> <style type="text/css"> body{ margin:0px; padding:0px; } #main{ width:310px; border:1px solid #C8C8CC; margin-left:auto; ...
鼠标经过悬停于对象时提示内容(title属性内容)换行排版方法,html title 换行方法总结。 html的title属性默认是显示一行的.如何换行呢? 这里DIVCSS5总结介绍两种换行方法为大家分享使用。 一、直接title内容换行 直接填写title内容时候“回车键”换行,示例代码如下: 代码如下: <a href=https://www.gxlcms.com target=_ablank title=标 题:DIVCSS5 作 者:DIVCSS5 更新时间:2013-05-17 推荐等级:无 关键字:title...
其实这个很简单,在img我们加入一个a标签,然后 代码如下: <a href=tencent://message/?uin=QQ号码&Site=网站地址&Menu=yes></a> 2013-4-16补充: 其实这么写有一个弊端,那就是如果对方不是你的好友,你需要添加好友等对方验证后才能发起对话。 那么如何避免这个弊端呢?那就是用腾讯的QQ在线-QQ通信组件,http://wp.qq.com/consult.html 登陆这个地址用指定的这个QQ号码。然后在线生成一段类似于如下的代码: 代码如下: <a targe...
在web设计中使用js可以实现很多的页面特效,然而很多人却忽视了HTML标签中META标签的强大功效,其实meta标签也可以实现很多漂亮的页面过渡效果。 META标签是HTML语言HEAD区的一个辅助性标签,Meta 标签放在每个网页的<head>...</head> 中间,我们大家比较熟悉的如: <meta name="GENERATOR" content="Microsoft FrontPage 3.0">//说明编辑工具; <meta name="KEYWORDS" content="...">//说明关键词; <meta name="DESCRIPTION" con...
我们知道在网易博客可以用html时,是否把代码直接加入到摸板中,但是效果却不是很好。那是因为没有对代码进行很好的排列,现在我说一下用table来排列,可以很好的把特效显示出来。 在html语法中table(即表格)是不可少的部分,没有着个,是很难对网页的视觉效果显示出来,现在我就说一下table。下面就是一个二行二列的表格: 代码为:<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid;...
希望用marquee标签来设置字体滚动,代码是下面这样写的,但是没有效果,字体还是不会滚动,应该怎么来写,才会实现这个效果呢? <html:select property=”w_project_cd[]” value=”<%=prj.toString()%>” onchange=”<%=js.toString()%>” style=”width:260px”> <logic:notEmpty name=”proj_list”> <marquee direction=”left” behavior=”scroll” ...
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=n)"> 其中,n表示的就是下面的数,n取不同的值,对应有不同的效果: 0、Box in 1、Box out 2、Circle in 3、Circle out 4、Wipe up 5、Wipe down 6、Wipe right 7、Wipe left 8、Vertical blinds 9、Horizontal blinds 10、Checkerboard across 11、Checkerboard down 12、Random dissolve 13、Split vertical in 14、Split vertical out 15、Split hori...
Hyperlinks enable people to jump instantly from page to page, or site to site. Such power can create anxiety.超链接可以使访问者从一个页面跳转至另外一个页面,或从一个站点跳转至另外一个站点。但是,这种频繁的跳转可能使人们产生焦虑。To help users browse with confidence, links should be absolutely clear and explicit. 为了方便用户更好的浏览页面,超链接必须绝对的简洁明了。Principles 法则1. Text hyperlink...
这个例子主要学习两个参数onblur和onFocus.因为这两个参数以前很少遇到,baidu 一下明白了,onblur 是控件在失去焦点的时候触发的事件,而onFocus就是成为输入焦点的时候触发的事件,这两个参数都可以和className结合直接调用样式表类名<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><ti...
分析执行流程 鼠标移入节点 检测是该节点是否存在开启实现 tooltip 实现的标识(类名,属性等) 检测主题、位置(类名,属性等) 生成 / 显示气泡 借鉴他人 让我们先来看看 element-ui的tooltip 样式很明显, 气泡的位置 是通过 javascript脚本 加上去的 不多逼逼,让我们来定几个期望 不用javascript脚本, 纯css 实现 不用添加新元素**(用after、before伪元素)** 不用类名匹配,直接用属性选择器**([attr])** 支持默认样式...