网页特效

   更新日期:2024.05.19
这是个弹窗而已,用工具自己也能做 这代码我有的 不过现在想不起在那里了

你看下源代码及就知道了,这个网页是定义在特殊文字上显示连接。如果只是在一个地方需要这种效果可以使用以下的方法。

1.建立一个新层,定义为隐藏。
2.使用JS写一个鼠标控制代码,在事件发生时将新建的层显示。
3.在需要的地方加上链接,并确定鼠标滑过时发生事件。

<style>
#demo{overflow:hidden;width:120px;text-align:center;padding:10px;}
#demo img{border:none;width:100px;height:100px;border:5px solid #f4f4f4}
#enlarge_images{position:absolute;display:none;z-index:2;border:5px solid #f4f4f4}
</style>
<div id="demo" style="overflow:hidden;width:120px;text-align:center;padding:10px">
<img src="http://www.cnwebshow.com/uploadfile/web/uploadfile/200801/20080113054140200.jpg">
</div>
<div id="enlarge_images"></div>
<script>
var demo = document.getElementById("demo");
var gg = demo.getElementsByTagName("img");
var ei = document.getElementById("enlarge_images");
for(i=0; i<gg.length; i++){
var ts = gg[i];
ts.onmousemove = function(event){
event = event || window.event;
ei.style.display = "block";
ei.innerHTML = '<img src="' + this.src + '" />';
ei.style.top = document.body.scrollTop + event.clientY + 10 + "px";
ei.style.left = document.body.scrollLeft + event.clientX + 10 + "px";
}
ts.onmouseout = function(){
ei.innerHTML = "";
ei.style.display = "none";
}
ts.onclick = function(){
window.open( this.src );
}
}
</script>

  • 15358326769 :怎样使用网页设计模板和网页特效代码
    秦儿柯4928 :答:2、用DW修改文字内容:在DW里面的设计窗口,可以看见你的网页,DW中对应的位置所显示的内容就是在网页里面显示的内容。想要修改文字,直接将光标定位到文字位置,进行删除、添加等修改操作即可,也可以在代码里面修改,个人建议在代码里面修改较好;3、网页特效代码的使用:如果你不懂代码,就不要自己去修改...
  • 15358326769 :如何在网页上下载FLASH特效
    秦儿柯4928 :答:一、.swf动画的下载 网页动画如果是.gif文件,可以通过右单击---“图片另存为”的方法保存,但如果是flash制作的.swf动画,这种方法就行不通了,怎样才能把.SWF动画保存下来呢?1、查看源文件 在IE中,点击菜单栏中的“查看”下的“源文件”,当前网页的代码会被记事本打开。在记事本中,按“ctrl+...
  • 15358326769 :求网页特效代码
    秦儿柯4928 :答:打字效果的文字特效[修改显示的文字即可][根据下面的说明进行共1步]===2、以下代码放在HTML的之间[适当的位置]: var layers =document.layers,style=document.all,both=layers||style,idme=908601;if(layers){layerRef='document.layers';styleRef ='';}if(style){layerRef='document.all';styleRef...
  • 15358326769 :怎么在dreamweaver做好的网页中,加入js特效。
    秦儿柯4928 :答:在需要添加效果的元素<>里面加上 onclick="某函数()" (鼠标点击触发效果)onload="某函数()" (进入页面触发效果)onchange="某函数()" (改变内容触发效果,用于文本输入框)onmouseover="某函数()" (鼠标移动到元素上触发效果)onmouseout="某函数()" (鼠标移除元素触发效果)onmousedown...
  • 15358326769 :网页特效代码不会使用
    秦儿柯4928 :答:这是一个鼠标带文字的特效,效果就如下面的截图。我把整个网页文件都添加好了,把这个文件的全部网页代码贴出来给你看看,你可以看看到底是在什么地方加的。完整代码如下: 新建网页 1 <STYLE>.spanstyle { COLOR: #0066ff; FONT-FAMILY: 隶书; FONT-SIZE: 14pt; FONT-WEIGHT: normal; POSITION...
  • 15358326769 :急求各种网页鼠标特效代码(只要代码,不要网址)
    秦儿柯4928 :答:网页特效|Linkweb.cn/Js|---很酷的跟随鼠标的三色彩带<!--将以下代码加入HTML的<Body></Body>之间--><!-- var a_Colour='fff000';var b_Colour='00ff00';var c_Colour='ff00ff';var Size=120;var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.6;if (documen...
  • 15358326769 :网页中的轮播图特效可以设置图片自动切换的速度对吗
    秦儿柯4928 :答:可以。调整的只有:transition:0.5s,这个是改变切换的速度的。轮播图也称为焦点图,是网页中比较常见的网页特效。
  • 15358326769 :求一个网页特效的代码
    秦儿柯4928 :答:给你两种代码,自己选择。第一种要等全部文字消失后才开始下一轮的滚动,第二种是无缝滚动,也就是还没等最后一句消失,下一次滚动已经开始。新闻链接的滚动大部分都是采取第二种。代码中出现的#号表示链接地址。其余参数自行调整。<MARQUEE onmouseover=this.stop() onmouseout=this.start() style="...
  • 15358326769 :百度知道搜索变形金刚,出来的网页特效是怎么实现的啊
    秦儿柯4928 :答:百度搜索变形金刚是没有特效的。在百度搜索能够出现特效的词语有以下几个。旋转(或水平旋转)、跳跃(或跳动)、翻转(或反转)、闪烁、抖动(或晃动)、黑洞(或人造黑洞)、打雷、大风、布谷鸟、淡入等。试着搜索反转看看是不是反转了。
  • 15358326769 :网页特效代码
    秦儿柯4928 :答:1.这个特效的代码我复制在文本改后缀打开,效果大打折扣,为什么?你再仔细的看下代码这段 ILTER: progid:dximagetransform.microsoft.gradientwipe(duration=1); BEHAVIOR: url(images/xs.htc)这段是CSS,其中BEHAVIOR: url(images/xs.htc)表示网页背景文件,如果你单纯的复制代码没有对应的背景文件,效果...
  • 相关链接

    欢迎反馈与建议,请联系电邮
    2024 © 视觉网