首页  设为首页  收藏本站  大力论坛 
  大力在线



  您所在的位置:首页 > 认证考试 > 软件考试 > 考试指导 > 正文   
网页特效:十字显现
作者:佚名 发布时间:2008-06-09 来源:考试大 点击:0

  这是一个很Cool的效果,当你的鼠标指向连接时会有一个十字线出现。

  要完成此效果需要两个步骤

  第一步:把如下代码加入到<head>区域中

  <style type="text/css">

  #leftright{

  position:absolute;

  left:0;

  top:0;

  width:1px;

  height:1px;

  layer-background-color:black;

  background-color:#CC9900;

  z-index:100;

  font-size:0px;

  }

  #topdown { position:absolute;

  left:0;

  top:0;

  width:1px;

  height:1px;

  layer-background-color:black;

  background-color:#CC9900;

  z-index:100;

  font-size:0px;

  } a { color: #CC9900; text-decoration: none; cursor: default}

  a:hover { color: #FF0000; text-decoration: none; cursor: default}

  .article {

  BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FILTER: revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5); POSITION: absolute; VISIBILITY: hidden

  ; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; color: #CC9900}

  </style>

  <script>

  function high(which2){

  theobject=which2

  highlighting=setInterval("highlightit(theobject)",50)

  }

  function low(which2){

  clearInterval(highlighting)

  which2.filters.alpha.opacity=40

  }

  function highlightit(cur2){

  if (cur2.filters.alpha.opacity<100)

  cur2.filters.alpha.opacity+=10

  else if (window.highlighting)

  clearInterval(highlighting)

  }

  function navChange(formName, popupName, target) {

  var popup = document[formName].elements[popupName];

  if (popup.options[popup.selectedIndex].value != "") {

  window.open(popup.options[popup.selectedIndex].value, target);

  popup.selectedIndex=0;

  }

  }

  function Show(divid) {

  divid.filters.revealTrans.apply();

  divid.style.visibility = "visible";

  divid.filters.revealTrans.play();

  }

  function Hide(divid) {

  divid.filters.revealTrans.apply();

  divid.style.visibility = "hidden";

  divid.filters.revealTrans.play();

  }

  function MM_openBrWindow(theURL,winName,features) { //v2.0

  window.open(theURL,winName,features);

  }

  </script>

  <script>

  function tmt_LayerSlider(targetNN, targetIE, x, y, step, delay) {

  var changed = false;

  if (document.layers) {

  target = eval(targetNN);

  if (eval(target.moving)) {

  clearTimeout(target.tmtSlide);

  }

  if (target.left > x) {

  target.left -= eval(step);

  changed = true;

  }

  if (target.left < x) {

  target.left += eval(step);

  changed = true;

  }

  if (target.top > y) {

  target.top -= eval(step);

  changed = true;

  }

  if (target.top < y) {

  target.top += eval(step);

  changed = true;

  }

  if (changed) {

  target.moving = true;

  target.tmtSlide = setTimeout("tmt_LayerSlider(\"" + targetNN + "\",\"" + targetIE + "\",\"" + x + "\",\"" + y + "\",\"" + step + "\",\"" + delay + "\")", delay);

  } else {

  target.moving = false;

  }

  } else {

  if (document.all) {

  IEobjStr = targetIE.replace("['", ".");

  target = eval(IEobjStr.replace("']", ""));

  if (eval(target.moving)) {

  clearTimeout(target.tmtSlide);

  }

  if (target.style.pixelLeft > x) {

  target.style.pixelLeft -= eval(step);

  changed = true;

  }

  if (target.style.pixelLeft < x) {

  target.style.pixelLeft += eval(step);

  changed = true;

  }

  if (target.style.pixelTop > y) {

  target.style.pixelTop -= eval(step);

  changed = true;

  }

  if (target.style.pixelTop < y) {

  target.style.pixelTop += eval(step);

  changed = true;

  }

  if (changed) {

  target.moving = true;

  target.tmtSlide = setTimeout("tmt_LayerSlider(\"" + targetNN + "\",\"" + targetIE + "\",\"" + x + "\",\"" + y + "\",\"" + step + "\",\"" + delay + "\")", delay);

  } else {

1 2 下一页  
整理:大力在线  责任编辑:dalisky  
上一篇:网页特效:雾化链接 下一篇:网页特效:鼠标经过变色文字


  相关信息
 ·网页特效:鼠标经过变色文字  (2008-06-09 00:16:27)
 ·网页表单在浏览器的表现实例  (2008-06-09 00:14:31)
 ·DIV+CSS常用的网页布局代码  (2008-06-09 00:11:25)
 ·SEO与网页设计要有机的结合  (2008-06-09 00:08:54)
 ·一个合格网页设计师的标准是什么  (2008-06-09 00:05:29)
 ·详解用DW制作网页中表格  (2008-06-09 00:04:57)
 ·如何制作出非常美观的网页  (2008-06-09 00:03:35)
 ·网页摹仿和抄袭的心得论  (2008-06-09 00:01:31)
 ·导致浏览器资源占用高的网页黑手  (2008-06-08 23:59:40)
 ·CSS网页布局需要掌握的技巧汇总  (2008-06-08 23:57:38)

用户名: 密码: 验证码:
匿名发表    

  图文推荐
YouTube视频可加字幕,为走向国际化铺路
YouTube视频可加字
微软Windows 7桌面最新截图曝光
微软Windows 7桌面
未来模式的操作系统,在浏览器中运行
未来模式的操作系
KDE 4.1 Beta发布,沿用优秀KED 3.5应用
KDE 4.1 Beta发布
今日至21日全国哀悼
今日至21日全国哀


 最新认证文章
·oracle里常用命令
·网页特效:鼠标放上去加粗超链接
·网页特效:色彩变幻的链接
·网页特效:雾化链接
·网页特效:十字显现
·网页特效:鼠标经过变色文字
·网页表单在浏览器的表现实例
·DIV+CSS常用的网页布局代码
·SEO与网页设计要有机的结合
·一个合格网页设计师的标准是什么
 热点认证文章 
·oracle里常用命令
·Oracle10.2g安装记录
·微软认证给人们的思考
·Linux与Windows的安全性比较
·微软认证持有者薪资涨幅平平(图文)
·MCTS认证SQLServer2005
·微软资格论证模拟题:70-210试题(六)
·微软06年1月出台.NET微软认证专业开发人员考试
·江西:2008年上半年软件水平考试开始报名
·中国IT认证培训“虚火”旺 陷阱多
 广告支持 

关于我们 | 携手合作 | 企业建站 | 广告服务 | 联系我们 | 版权声明 | 友情链接 | 管理登陆  
版权所有 未经授权禁止复制或建立镜像 京ICP备08001478号
Copyright © 2008  Dalionline.NET All rights reserved.