-
各种浏览器的Hack写法(chrome firefox ie等)
221Hack是针对不同的浏览器去写不同的CSS样式，从而让各浏览器能达到一致的渲染效果，那么针对不同的浏览器写不同的CSS CODE的过程，就叫CSS HACK，同时也叫写CSS Hack。然后将Hack放在浏览器特定的CSS文件中，让其符合条件的浏览器解析这些代码，就如前面所说的条件样式，我们将CSS Hack代码放入条件样式文件中，符合条件的浏览器就解析，不符合的将不解析，从面达到您所需要的页面渲染效果。总的一句话来说使用CSS Hack将会使用你的CSS代码部分失去作用，...
详情 -
placeholder在不同浏览器下的表现及兼容方法
1641、什么是placeholder？ placeholder是html5新增的一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点（或输入内容）时，提示文字消失。 写法如下： 这里是placeholder 2、placeholder的浏览器兼容性和在不同浏览器下的表现 由于placeholder是html5的新属性，可想而知，仅支持html5的浏览器才支持placeholder，目前最新的firefox、chrome、safari以及ie10都支持，ie6到ie9都不支持。 下面是其在各个浏览器下的显示效果： ...
详情 -
jQuery创建平滑的页面滚动到顶部或底部
204使用jQuery让您可以平滑的滚动到你的网页的顶部或底部，使用方法如下： 它是如何工作的 首先在/ head标签结束前加载jquery库： 代码如下: script type=text/javascript src=http://libs.baidu.com/jquery/1.3.2/jquery.min.js/script 到页面底部链接代码： a href=# class=scrollToBottomScroll to bottom/a 到页面底部jQuery代码如下: script type=text/javascript $(document).ready(function(){ // Scroll page to the bottom $(a.scrollToBottom).click(function(){ $(html, body, .content).animate({scrollTop: $(document).height()}, 300); return false; }); ...
详情 -
使用HTML5 input类型提升移动端输入体验
180
详情
注意: 本文中，iOS的屏幕截图使用iPhone5和Safari截取。 Android屏幕截图则是在虚拟设备上运行Android4.1和其备有的网页浏览器截取。 电子邮件input类型 IOS（左）和Android（右）的电子邮件input的键盘 email 类型，iOS和Android浏览器都显示了轻度定制过的键盘。注意缩短的空格键的存在和iOS键盘的最底一行加入了@ 和句号（.）键。 而在Android上，标准逗号键将出现在空格键的左边，已经被一个@键替换。 inputtype=emailname=email URL input 类型 iOS的URL input键盘 url input 类型可... -
Apple设备私标签apple-touch-icon属性用法
232以前我们用过favicon在浏览器给网站进行身份标识，用法如下： link href=/favicon.ico rel=shortcut icon / link href=/favicon.ico rel=Bookmark / 现今移动设备越来越多，苹果为iOS设备配备了apple-touch-icon私有属性，添加该属性，在iPhone,iPad,iTouch的safari浏览器上可以使用添加到主屏按钮将网站添加到主屏幕上，方便用户以后访问。实现方法是在HTML文档的head标签加入下面代码即可。 link rel=apple-touch-icon href=/custom_icon.png/ apple-touch-icon 标签支持sizes属性，可以用来放置对应不同的...
详情 -
dedecms调用会员信息的方法
239一、实现方法 1）函数编写 注意：自定义函数的编写一般都存放在 /include/extend.func.php 中，以后升级只需要备份一下这个文件即可。 打开这个文件，在文件中最后的?上一行加入以下代码： functionGetMemberInfos($fields,$mid){global$dsql;if($mid=0){$revalue=Error;}else{$row=$dsql-GetOne(select*fromdede_memberwheremid={$mid});if(!is_array($row)){$revalue=Notuser;}else{$revalue=$row[$fields];}}return$revalue;} 保存后关闭即可 2）调用方式 要使用这个函数，可以利用系统自带的function与runphp来使用。在底层模...
详情 -
通过checkbox复选框控制层的显示隐藏
125代码如下： htmlheadtitle/titleMETAcontent=text/html;charset=gb2312http-equiv=Content-TypeMETAcontent=MSHTML5.00.2919.6307name=GENERATORscripttype=text/javascriptwindow.onload=function(){setInterval(show(),1000)}functionshow(){varifcheck=document.getElementById(ck);varshowdiv=document.getElementById(dd);if(ifcheck.checked){showdiv.style.display=none;}else{showdiv.style.display=block;}}/script/headbodydivinputtype=checkboxid=ck/显示/隐藏/divdivid=ddstyle=border:1pxsolidblack;width:300px;height:300px;background-color:gray;这是通过checkbox节制其显示/隐藏的div/div/body/html jQu...
详情 -
通过checkbox复选框控制层的显示隐藏
113代码如下： htmlheadtitle/titleMETAcontent=text/html;charset=gb2312http-equiv=Content-TypeMETAcontent=MSHTML5.00.2919.6307name=GENERATORscripttype=text/javascriptwindow.onload=function(){setInterval(show(),1000)}functionshow(){varifcheck=document.getElementById(ck);varshowdiv=document.getElementById(dd);if(ifcheck.checked){showdiv.style.display=none;}else{showdiv.style.display=block;}}/script/headbodydivinputtype=checkboxid=ck/显示/埋没/divdivid=ddstyle=border:1pxsolidblack;width:300px;height:300px;background-color:gray;这是通过checkbox节制其显示/埋没的div/div/body/html 以下...
详情 -
window.print打印按钮，打印指定区域的方法
246第一种要领：指定不打印区域 利用CSS，界说一个.noprint的class，将不打印的内容放入这个class内。 细如下： stylemedia=printtype=text/css.noprint{visibility:hidden}/style 要打印的内容。哈哈！ pclass=noprint将不打印的代码放在这里。/pahref=javascript:window.print()rel=externalnofollowtarget=_self打印/a 第二种要领：指定打印区域 把要打印的内容放入一个 span或div，然后通过一个函数打印。 spanid=div1把要打印的内容放这里/spanp所有内容/pdivid=div2div2的内容/divahref=javascript:printme()rel=exter...
详情 -
IE Chrome FireFox Safari Opera等浏览器CSS Hack方法大全
401以前，浏览器主要有IE和NetScape两家；到此刻，各类百般成果强大的浏览器层出不穷。譬喻：环球闻名的浏览器有Chrome、FireFox、Safari、Opera，常见的国产浏览器有遨游、QQ、360、搜狗、UC、世界之窗。 由于差异浏览器所遵循的尺度也有所差异，再加上不行制止的措施bug、经济好处等因素的滋扰。同样的网页代码(HTML + CSS)，在差异浏览器上的显示结果却略有差异，甚至大有差异。纵然是同一个浏览器，其差异版本的显示结果也有所差异，尤其是IE。这就给网...
详情