【免费】好多的网页特效代码可以下载资源-CSDN文库

共16个文件

txt：16个

需积分: 0 186 浏览量 2008-10-29 20:32:01 上传评论收藏 26KB RAR 举报

网页特效是提升网站用户体验、吸引用户注意力的重要手段。在网页设计中，特效代码的应用能够使网页更具动态感和互动性，让浏览者在视觉和操作上都有更好的享受。以下是一些从给定文件中提取的网页特效知识点： 1. 触发行变色代码：这种特效通常用于按钮或链接，当鼠标悬停时，元素颜色会发生变化，增加用户交互体验。通过CSS3的`:hover`伪类和颜色属性可以实现这一效果。 2. 超酷仿GG（谷歌）导航菜单：这是一种模仿著名搜索引擎谷歌的导航菜单效果，可能包括下拉菜单、平滑过渡等特性。使用HTML、CSS和JavaScript可以创建这样的菜单，使网站导航更加直观和便捷。 3. 标签切换菜单：这是一种常见的网页内容展示方式，允许用户在不同的内容块之间切换。利用jQuery或其他JavaScript库，结合CSS样式，可以创建出美观且响应式的标签页。 4. 淘宝网首页导航条效果：淘宝网的导航条通常包含动态效果，如滑动、渐变或动画过渡，提供清晰的商品分类导航。实现这种效果，开发者可能需要运用CSS3的动画和过渡效果，以及JavaScript进行事件监听和控制。 5. 带时钟的台历：在网页中集成实时时钟和日历功能，可以提供实用的日程管理工具。这需要JavaScript来处理时间戳和日期对象，配合CSS实现视觉效果。 6. IP地址输入框与精美提示：为输入框添加特定格式的提示，如IP地址输入框，可以提高用户输入的准确性。使用HTML5的`pattern`属性或JavaScript验证函数，结合CSS美化提示文本，可以达到这个目的。 7. 仿农行的密码筐鼠标输入效果：模仿银行网站的密码输入框特效，可能包括字符隐藏、鼠标悬停显示等。这可以通过自定义CSS样式和JavaScript事件处理来实现。 8. 超级酷的网页导航菜单：这可能是指更高级的导航菜单，如3D效果、平移滑动等。开发者可能需要使用WebGL或者其他先进的前端技术来创建这样的特效。 9. 连续不间断横向滚动图片代码：这种特效常用于展示产品或新闻，图片会自动循环滚动。利用CSS3的`animation`属性和JavaScript的定时器可以实现。以上各种特效代码都是网页设计中常见的实践，通过灵活运用HTML、CSS和JavaScript，开发者可以创建出吸引眼球、功能丰富的网页，提高网站的整体质量和用户体验。在学习和研究这些代码时，不仅可以提升技术水平，还能激发创新思维，为自己的网页设计工作带来新的灵感。

资源详情

资源评论

资源推荐

收起资源包目录

.rar （16个子文件）

鼠标划过入收藏或设首页.txt 316B

超级酷的网页导航菜单.txt 3KB

漂亮的触发行变色代码.txt 17KB

美观实用的标签切换菜单.txt 6KB

清爽配色15套.txt 3KB

仿淘宝网首页导航条效果.txt 5KB

连续不间断横向滚动图片代码.txt 2KB

仿农行的密码筐鼠标输入效果.txt 3KB

非常漂亮带时钟的台历.txt 4KB

JavaScript另类个性特效代码.txt 2KB

复制网页文章自动添加版权信息.txt 716B

用户注册密码强度提示代码.txt 2KB

常用网页漂浮广告代码.txt 1KB

强烈推荐超酷仿GG导航菜单.txt 15KB

综合搜索引擎代码.txt 2KB

IP地址输入筐及精美提示.txt 4KB

<!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=gb2313" /> <title>www.qpsh.com</title> <style type="text/css"> /* <![CDATA[ */ div{margin:1px; vertical-align:middle;} .FadeId18Class { color:white; } .FadeId18OverClass { color:#D369A4; } /* ]]> */ </style> </head> <body> <table border="0" align="center" cellpadding="4" cellspacing="4" id="Container"> <tr align="center" valign="middle"> <td valign="middle"> <div id="FadeId1" style="width:100px; height:100px;">www.qpsh.com </div> </td> <td> <div id="FadeId2" style="width:100px; height:100px;">www.qpsh.com </div> </td> <td> <div id="FadeId3" style="width:100px; height:100px;">www.qpsh.com </div> </td> <td> <div id="FadeId4" style="width:100px; height:100px;">www.qpsh.com </div> </td> <td> <div id="FadeId5" style="width:100px; height:100px;">www.qpsh.com </div> </td> </tr> <tr align="center" valign="middle"> <td> <div id="FadeId6" style="width:100px; height:100px;">www.qpsh.com </div> </td> <td> <div id="FadeId7" style="width:100px; height:100px;">www.qpsh.com </div> </td> <td> <div id="FadeId8" style="width:100px; height:100px;">www.qpsh.com </div> </td> <td> <div id="FadeId9" style="width:100px; height:100px;">www.qpsh.com </div> </td> <td> <div id="FadeId10" style="width:100px; height:100px;">www.qpsh.com </div> </td> </tr> <tr align="center" valign="middle"> <td> <div id="FadeId11" style="width:100px; height:100px;">www.qpsh.com </div> </td> <td> <div id="FadeId12" style="width:100px; height:100px;"> <a target="_blank" href="http://www.qpsh.com/bbs">www.qpsh.com</a> </div> </td> <td> <div id="FadeId13" style="width:100px; height:100px;">www.qpsh.com </div> </td> <td> <div id="FadeId14" style="width:100px; height:100px;">www.qpsh.com </div> </td> <td> <div id="FadeId15" style="width:100px; height:100px;">www.qpsh.com </div> </td> </tr> </table> <script type="text/javascript"> function Faded() { var Au = {}; var This = this; var Param = {}; var PVar = {}; this.Get = {}; this.Get.Au = fGetAu; this.Set = {}; this.Debug = false; this.TagSpliter = "->"; this.Element = {}; this.Element.Set = []; this.Element.Add = function(sId, sOriginColor, sOverColor, sOutColor, iTime, iIntervalMs, bCompColor, sClassName, sOverClassName) { __Faded_AddElement (sId, sOriginColor, sOverColor, sOutColor, iTime, iIntervalMs, bCompColor, sClassName, sOverClassName, This) }; this.Element.BatchAdd = function(Main, sChildTag, ArOriColor, ArOverColor, ArOutColor, iTime, iIntervalMs, bCompColor, sClassName, sOverClassName) { Main = fSetObject(Main, "Faded Batch Main is null!"); sChildTag = sChildTag.toUpperCase(); var EleAr = []; var TagAr = sChildTag.split(This.TagSpliter); EleAr = fGetDeepTag(Main, TagAr); if(ArOriColor.length===1) { ArOriColor.push(ArOriColor[0]); } if(ArOverColor.length===1) { ArOverColor.push(ArOverColor[0]); } if(typeof(ArOutColor)=="boolean"||ArOutColor.constructor==Boolean) { ArOutColor = [ArOutColor]; } if(ArOutColor.length===1) { ArOutColor.push(ArOutColor[0]); } for(var i=0, j=EleAr.length; i<j; i++) { if(i%2===0) { Fade.Element.Add ( EleAr[i] , ArOriColor[0] , ArOverColor[0] , ArOutColor[0] ,iTime , iIntervalMs , bCompColor , sClassName , sOverClassName ); } else { Fade.Element.Add ( EleAr[i] , ArOriColor[1] , ArOverColor[1] , ArOutColor[1] ,iTime , iIntervalMs , bCompColor , sClassName , sOverClassName ); } } } this.Go = fGo; function fGo(fIniter) { if(fIsFunc(fIniter)) fIniter(Param); for(var i = 0, j=This.Element.Set.length; i<j; i++) { var TempObj = This.Element.Set[i]; TempObj.style.backgroundColor = TempObj["Extend"]["OriginalColor"]; TempObj["Interval"] = {}; if(TempObj["Extend"]["CompColor"]) { TempObj.style.color = fGetCompColor(TempObj["Extend"]["OriginalColor"]); } if(TempObj["Extend"]["ClassName"]!="") { TempObj.className = TempObj["Extend"]["ClassName"]; } TempObj.onmouseover = fOnMouseOver; TempObj.onmouseout = fOnMouseOut; } } function fOnMouseOut() { try { clearInterval(this["Interval"]["Over"]["Go"]); } catch(e) { } this["Interval"]["Out"] ={} this["Interval"]["Out"]["Count"] = 0; if(this["Extend"]["ClassName"]!="") { this.className = this["Extend"]["ClassName"]; } var BgColor = this.style.backgroundColor==""?"#ffffff":this.style.backgroundColor; if(/rgb\(/i.test(BgColor)) { BgColor = fRgbToHex(BgColor); } this["Interval"]["Out"]["FadeArray"] = __Faded_Fade ( BgColor, this["Extend"]["OutColor"], this["Extend"]["Time"], false, true ); var me = this; this["Interval"]["Out"]["Go"] = setInterval ( function() { if(me["Interval"]["Out"]["Count"]>=me["Interval"]["Out"]["FadeArray"].length) { clearInterval(me["Interval"]["Out"]["Go"]); me["Interval"]["Out"]["Count"] = null; return; } var sBgColor = me["Interval"]["Out"]["FadeArray"][me["Interval"]["Out"]["Count"]]; me.style.backgroundColor = sBgColor; if(me["Extend"]["CompColor"]) { me.style.color = fGetCompColor(sBgColor); } if(This.Debug) defaultStatus = me["Interval"]["Out"]["Count"]; me["Interval"]["Out"]["Count"]++; } , me["Extend"]["IntervalMs"] ) // www.qpsh.com } function fOnMouseOver() { try { clearInterval(this["Interval"]["Out"]["Go"]); } catch(e) { } this["Interval"]["Over"] ={} this["Interval"]["Over"]["Count"] = 0; if(this["Extend"]["OverClassName"]!="") { this.className = this["Extend"]["OverClassName"]; } var BgColor = this.style.backgroundColor==""?"#ffffff":this.style.backgroundColor; if(/rgb\(/i.test(BgColor)) { BgColor = fRgbToHex(BgColor); } this["Interval"]["Over"]["FadeArray"] = __Faded_Fade ( BgColor, this["Extend"]["MoveColor"], this["Extend"]["Time"], false, true ); var me = this; this["Interval"]["Over"]["Go"] = setInterval ( function() { if(me["Interval"]["Over"]["Count"]>=me["Interval"]["Over"]["FadeArray"].length) { clearInterval(me["Interval"]["Over"]["Go"]); me["Interval"]["Over"]["Count"] = null; return; } var sBgColor = me["Interval"]["Over"]["FadeArray"][me["Interval"]["Over"]["Count"]]; me.style.backgroundColor = sBgColor; if(me["Extend"]["CompColor"]) { me.style.color = fGetCompColor(sBgColor); } if(This.Debug) defaultStatus = me["Interval"]["Over"]["Count"]; me["Interval"]["Over"]["Count"]++; } , me["Extend"]["IntervalMs"] ) } function fGetAu(){ return Au; } } function __Faded_AddElement (sId, sOriginColor, sOverColor, sOutColor, iTime, iIntervalMs, bCompColor, sClassName, sOverClassName, oFaded) { var Obj = fSetObject(sId); if(!bCompColor) bCompColor = false; else bCompColor = true; if(!sClassName) sClassNam