展开菜单

网页右下角弹出广告窗,可以自行关闭的右下角弹窗

打开网页右下角弹出窗口,相信经常浏览网页的人已经非常熟悉,这咱弹窗效果最常用的就是广告和网站公告了,一打开网页就会弹出来,广告效果非常好,通过javascript实现的代码: <!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> <title&...

完美解决IE6不支持position:fixed的bug

先看下面一段代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>IE6 position:fixed bug</title> <style> *{padding:0;margin:0} p{height:2000px} #gs{border:1px solid #000;position:fixed;r...

jQuery简单的js+div+css图片幻灯片效果代码

网站经常用到的jQuery幻灯片,需要元素结构很简单,只需要调用函数。 jQuery部分代码: $(function(){ $("#KinSlideshow").KinSlideshow({ moveStyle:"right", titleBar:{titleBar_height:30,titleBar_bgColor:"#08355c",titleBar_alpha:0.5}, titleFont:{TitleFont_size:12,TitleFont_color:"#FFFFFF",TitleFont_weight:"normal"}, ...

简单实用的jquery鼠标滑过tab选项卡 tab切换选项卡

一个简单实用jquery tab选项卡,鼠标滑过切换,找了很久这种代码简单的,其他的写得都比较复杂,代码比较多: HTML代码部分: <div class="tabbox" id="statetab"> <ul class="tabbtn"> <li class="current"><a href="">php900</a></li> <li><a href="#">分享一</a></li> <li><a h...

jquery大于号>是什么意思?有什么作用

看下面这段HTML代码: <div id="test"> <div> <div>a</div> <div>b</div> <div>c</div> </div> <div> <div>d</div> <div>e</div> </div> </div> 我们可以分别执行下面两条语句: alert($('#t...

javaScript 改CSS 样式类似 style.border-bottom 问题

动态改表格的 CSS 样式 document.getElementById(shui2).style.border-bottom="1px solid #000000" 这句 style.border-bottom 该怎么写总提示缺少对像 换成 style.border 可以。 用Javascript来控制CSS属性时,是驼峰式写法,即:去掉短横线,除第一个单词全部小写外,其余单词的首字母大写。 这个例子的正确写法是: document.getElementById("shui2").style.borderBottom="1px solid ...

CSS样式的filter(滤镜效果)对HTML作用

黑白照片 filter: gray; X光照片 filter: Xray; 风动模糊 filter: blur(add=true,direction=45,strength=30); 正弦波纹 filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3); 半透明效果 filter: Alpha(Opacity=50); 线型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, F...

各种右向箭头arrow → &rarr;HTML、Unicode, hex、Unicode, dec代码

以后做网页查询用~More arrows → ⇒ ↬ ⇉ ⇨ ⇥ ⇢ ↪ ↦ ⇶ ↣ ⇰ ↝ ↠ ⇾ HTML &rarr; &rArr; Unicode, hex 0x2192 0x21d2; 0x21ac 0x21c9 0x21e8 0x21e5 0x21e2 0x21aa 0x21a6 0x21f6...

javascript:window.history.go(-1)是什么意思

history是你浏览过的网页的url(简单的说就是网址)的集合,也就是你的浏览器里的那个历史记录。它在js里是一个内置对象,就跟document一样,它有自己的方法,go就是其中一个。 这个方法的参数是一个数字,它指定要定位的url相对当前页面url位置的下标。当前的url下标为0,所以window.history.go(-1)就是要定位到相对当前页面下标为-1的页面,也就是之前刚刚访问的页面。 再举个例子: 你在地址栏访问百度页面(http://www.baidu.com),这时history里就把这个地址加到了它的集合里,并且将下标定为0. 通过搜索,你访问了页面(http://...

jQuery和Javascript代码冲突问题

jQuery 名称冲突: jQuery 使用 $ 符号作为 jQuery 的简介方式。 某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。 jQuery 使用名为 noConflict() 的方法来解决该问题。 var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。 例子: <script type="text/javascript" src="/jquery/jquery.js"></script> &...

什么是Responsive设计?Responsive是什么?

什么是Responsive设计?有的同学认为Responsive设计是自适应布局,也有的同学认为Responsive是网格布局。其实这些想法都不正确。Wikipedia对Responsive做 了详细的描述,我在这里就简单的说一下。Responsive设计简单的称为RWD,是精心提供各种设备都能阅读网页的一种设计方法,RWD能让你的网页 在不同的设备中展现成不同的设计风格。从这一点描述来说,Responsve既不是流体布局,也不是什么网格布局,他是一种独特的网页设计方法。 Responsive设计无疑是网页设计中的一个热门话题。某种程度上,他将是一个最受欢迎的网页设计概念,因为随着网站用...