Web前端 - 随笔分类 - 风林幻海

（转）一个form表单实现提交多个action

摘要：转载自： http://www.cnblogs.com/liuswi/p/3473379.html1 方法一： 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 或： 17 30 31 32 33 34 35 这样可以实现将多个按钮发送到不同的网页中。 36 37 38 39 方... 阅读全文

posted @ 2016-09-09 17:19 风林幻海阅读(6742) 评论(0) 推荐(0)

CCS3属性之text-overflow:ellipsis;的用法和注意之处

摘要：转载自：http://www.cnblogs.com/wshiqtb/p/3144713.html 语法： text-overflow：clip | ellipsis 默认值：clip 适用于：所有元素 clip：当对象内文本溢出时不显示省略标记（...），而是将溢出的部分裁切掉。 ellipsi 阅读全文

posted @ 2016-08-18 11:49 风林幻海阅读(238) 评论(0) 推荐(0)

让图片自适应大小的方法

摘要：参考：http://www.cnblogs.com/mrhgw/archive/2006/10/18/532099.html就像参考文档中提至的，对于图片的宽度谷歌获取好像需要onload，无奈下只能在这个元素中定义宽度解决问题。阅读全文

posted @ 2013-10-07 08:51 风林幻海阅读(301) 评论(0) 推荐(0)

摘要：原出处：http://blog.sina.com.cn/s/blog_607726bd0100dp7o.html１）创建网页 index.html创建2个html区块，一个DIV名为popupContact（弹出窗口中所包含的内容），初始状态下它是不可见的（通过CSS实现）；另一个DIV区块：backgroundPopup，主要用做陪衬突出我们弹出窗口的效果，它初始状态也是不可见的。２）加入CSS样式给网页添加一些CSS样式，主要是将popupContact和 backgroundPopup 2个DIV区块隐藏起来。 ... 阅读全文

posted @ 2013-08-05 15:18 风林幻海阅读(2857) 评论(1) 推荐(0)

查询功能实现

摘要：１、输入关键字直接显示查询结果<!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/htm 阅读全文

posted @ 2013-04-29 17:47 风林幻海阅读(216) 评论(0) 推荐(0)

[转]多级选择-jquery解析多级json初级版

摘要：出处：http://www.w3cfuns.com/thread-2418-1-1.html昨天看一童鞋需要一个多级选择的效果。需要解析json数据。试着写了一下，当然，水平有限，不足之处，不要骂人，允许拍砖。效果：<!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/x 阅读全文

posted @ 2013-03-21 15:48 风林幻海阅读(544) 评论(0) 推荐(0)

innerHTML

摘要：对于innerHTML 属性，几乎所有的元素都有innerHTML属性，它是一个字符串，用来设置或获取位于对象起始和结束标签内的HTML。阅读全文

posted @ 2013-01-11 14:45 风林幻海阅读(174) 评论(0) 推荐(0)

导航点击后变色

摘要：<!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- 阅读全文

posted @ 2012-12-20 11:11 风林幻海阅读(674) 评论(0) 推荐(0)

用JS代替iframe嵌入[转]

摘要：源于：http://www.ssyyy.com/thread-1009-1-1.html有的时候我们会用iframe实现一些效果，但我们都知道iframe对于seo来说是不欢迎的，那么有办法来解决吗！？答案是有的。方法很简单，就是使用JS进行实现！首先、在要插入iframe的地方写一句JS，如下：1 <script language="javascript" src="ssyyy.js"></script>ssyyy.js里是这样写1 document.write(‘<iframe frameborder=”0″ scrol 阅读全文

posted @ 2012-10-18 13:45 风林幻海阅读(1047) 评论(0) 推荐(0)

css中height:100%不起作用的解决方法[转]

摘要：源于：http://www.cnblogs.com/Mblog/archive/2010/02/01/1661117.html在网页设计中，table用height:100%是可以整屏的，但需要在网页头部增加:后就和没有用height:100%一样了，后来发现要给html,body都增加height:100%的属性，这是高度自适应问题的关键所在。代码如下:1 html,body{2 margin:0px;3 height:100%;4 }一个对象高度是否可以使用百分比显示，取决于对象的父级对象，Table在body之中，因此它的父级是body，而浏览器默认状态下，是没有给 body一个高度属阅读全文

posted @ 2012-10-18 11:07 风林幻海阅读(241) 评论(0) 推荐(0)

IE下设置body{overflow:hidden;}失效问题解决

摘要：设置body{overflow:hidden;}：IE下不生效。原因：浏览器初始值不同而产生chrome、firefox会初始付值给html{overflow:visible;}IE6 初始付值html{overflow-x:auto;overflow-y:scroll;}IE7 初始付值html{overflow-x:visible;overflow-y:scroll;}只有dom根结点（也就是html根节点）设置html{overflow:visible;}的时候，浏览器才会将body元素中的overflow值应用到视图区。举个例子说：设置了body{overflow:hidden}，还会阅读全文

posted @ 2012-10-18 11:07 风林幻海阅读(445) 评论(0) 推荐(0)

ie 中float:right 换行的问题

摘要：使用float:right 后，firefox、google浏览器没出现换行的问题，但在ie中出现了换行错位，第一行最右边的掉到第二行去了。用定位的方法，在里面设置position:absolute;right:0px; 例如下面代码：1 <html>2 <body>3 <ul>4 <li><a href="#">title1</a> <span style="position:absolute;right:5px;">2012-12-24</span>&l 阅读全文

posted @ 2012-10-18 11:05 风林幻海阅读(280) 评论(0) 推荐(0)

CSS3基础教程：详解background-size 控制背景图的尺寸[转]

摘要：源于：http://www.jzxue.com/wangyesheji/css/201103/30-6942.htmlCSS3基础教程，本节详解使用background-size可以控制背景图的尺寸。　background-size是CSS3提供的一个新特性，它可以让你随心所欲的控制背景图的尺寸大小。先简要的看看 background-size的用法。我们知道在CSS2中，背景图的大小在样式中是不可控的，比如要想使得背景图填充满某个区域，你要么重新做张大点的图，要么就只能让它以平铺的方式来填充。如今background-size让你既可以直接缩放背景图来填充满这个区域，也可以让你先给背景. 阅读全文

posted @ 2012-10-18 11:05 风林幻海阅读(344) 评论(0) 推荐(0)

如何在数据周围绘制一个带标题的框

摘要：1 <html> 2 <body> 3 <fieldset> 4 <legend>公司信息：</legend> 5 <form> 6 <label>董事长：<input type="text" /></label><br /> 7 <label>总经理：<input type="text" /></label> 8 </form> 9 </fieldset>10 <p&g 阅读全文

posted @ 2012-10-18 11:01 风林幻海阅读(187) 评论(0) 推荐(0)

html中返回上一页

摘要：1 <a href="javascript:history.back(-1)">返回上一页</a>1 <a href="javascript:;" onClick="javascript:history.back(-1);">返回上一页</a>1 <a href="javascript:;" onClick="javascript:history.back();">返回上一页</a>如果是用按钮做的话就是：1 <inp 阅读全文

posted @ 2012-10-18 10:59 风林幻海阅读(274) 评论(0) 推荐(0)

html中dl dt dd 标签用法与图片列表自动换行

摘要：dl 标签 -- 代表HTML自定义列表dl标签是成对出现的,以开始,结束自定义列表的开始使用标签,列表中每个元素的标题使用(definitionterm)定义,后面跟随(definitiondescription)用于描述列表中元素的内容.属性:Common -- 一般属性dl是definition lists的英文缩写为常用标题+列表型标签。如没有对dl dt dd标签初始CSS样式，默认dd列表内容会一定缩进。（扩展阅读：ul li、ol li、li列表）用来创建一个普通的列表,用来创建列表中的上层项目，用来创建列表中最下层项目，和都必须放在标志对之间。列表标题列表内容列表内容...语法阅读全文

posted @ 2012-10-18 10:55 风林幻海阅读(5261) 评论(0) 推荐(0)

[转载]div仿框架（B/S结构软件界面）详解[非quirks模式全兼容]

摘要：原文源于：http://bbs.blueidea.com/thread-2928157-1-2.html[参与测试的浏览器：IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 ][操作系统：Windows]问这样的问题的人很多，我对此有比较深入的研究，但自己从来没有给出过完整的解答与分析，觉得有些对不住蓝色理想的列祖列宗。先请看demo： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm 阅读全文

posted @ 2012-10-18 10:13 风林幻海阅读(658) 评论(0) 推荐(1)

随笔分类 - Web前端