<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>nVida网站图片滑动-https://www.</title> <style type="text/css"> #changebox{width:610px;height:342px;overflow:hidden; position:relative;} #changebox #changeAction{width:1220px;height:342px; position:absolute; } #changebox #changeAction #links{width:610px;height:342px;background:#000000; float:left;font:700 55px Arial, Helvetica, sans-serif; color:#FFFFFF;text-align:center;} #changebox #changeAction #links #threePro{ height:194px;float:left;} #changebox #changeAction #links #threePro dl{width:203px; height:190px; margin:0; padding:0; float:left;} #changebox #changeAction #links #threePro dl dt{width:203px;height:150px;margin:0;padding:0;float:left;overflow:hidden;position:relative;} #changebox #changeAction #links #threePro dl dt #Motherboard{margin:0 0 0 7px;position:absolute;left:0;top:0; text-align:center; float:left;} #changebox #changeAction #links #threePro dl dt #GraphicsCard{margin:0 0 0 7px;position:absolute;left:-203px;top:0; text-align:center; float:left;} #changebox #changeAction #links #threePro dl dt #Notebook{margin:0 0 0 7px;position:absolute;left:-410px;top:0; text-align:center; float:left;} #changebox #changeAction #links #threePro dl dd{width:147px;height:23px; background:url(indexPic.gif) 0 -339px; text-align:center;font:700 14px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:6px 0 0 0; margin:0 0 0 30px;cursor:pointer;} #changebox #changeAction #links #support{width:600px; height:28px; overflow:hidden; position:relative; background:url(indexPic.gif) 0 -300px;font:700 15px Arial, Helvetica, sans-serif; color:#FFCC00; padding:10px 0 0 10px;} #changebox #changeAction #links #support img{ position:absolute; left:0; top:-300px;} #changebox #changeAction #links ul{width:203px; margin:0; padding:0; float:left;} #changebox #changeAction #links ul li{ list-style:none;width:203px; margin:0; padding:0; float:left; color:#FFCC00; font:700 14px Arial, Helvetica, sans-serif; text-align:center;} #changebox #changeAction #links ul li.nVidia{width:126px;height:100px;overflow:hidden;position:relative;margin:0 0 10px 40px; padding:0; } #changebox #changeAction #links ul li.nVidia img{position:absolute; bottom:0; right:0;} #changebox #changeAction #links ul li.button{width:122px; height:20px; padding:4px 0 0 0; margin:0 0 10px 42px; overflow:hidden; background:url(indexPic.gif) 0 -369px; font:700 12px Arial, Helvetica, sans-serif;text-align:center;color:#FFFFFF; cursor:pointer;} #schoolButton{ color:#FFFFFF;width:50px; height:18px; font:700 12px Arial, Helvetica, sans-serif; background: #006600; text-align:center; padding:2px 0 0 0; margin:0 10px 0 0; float:left; cursor:pointer;} #schoolButton:hover{ background: #FFFF00; color:#000000;} #indexButton{ color:#FFFFFF;width:50px; height:18px; font:700 12px Arial, Helvetica, sans-serif; background: #006600; text-align:center; padding:2px 0 0 0; margin:0 10px 0 0; float:left; cursor:pointer;} #indexButton:hover{ background: #FFFF00; color:#000000;} #changebox #changeAction #links2{width:610px;height:342px; float:left; background:#333;font:700 55px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center;} </style> </head> <body> 1 2 Next Back </body> </html> [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
# sans # GraphicsCard # dd # dt # top # Motherboard # FFFFFF # background # links # float # changeAction # relative # absolute # left # 网站图片 # Helvetica # color # serif # font # Arial # 全选 # iSlider手机端图片滑动切换插件使用详解 # wap手机图片滑动切换特效无css3元素js脚本编写 # js实现支持手机滑动切换的轮播图片效果实例 # JavaScript实现图片滑动切换的代码示例分享 # Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片 # 滑动切换
相关栏目： 【 技术学院 】 【 SEO学院 】 【 AI学院 】 【 编程学院 】 【 推广学院 】
相关推荐： Oracle 多行记录合并/连接/聚合字符串的几种方法 div+CSS 兼容小摘 PHP 日期加减的类，很不错 PHP 处理图片的类实现代码 Jquery 设置标题的自动翻转 asp.net HttpHandler实现图片防盗链 防止动态加载JavaScript引起的内存泄漏问题 理解JavaScript变量作用域更轻松 SQL 判断字段类型语句 javascript 面向对象编程 function也是类 php面向对象全攻略 （六）__set() __get() __isset() __unset()的用法 Javascript 圆角div的实现代码 ASP.NET 返回随机数实现代码 asp.NET 脏字过滤算法 修改版 asp.net Md5的用法小结 最近脚本之家网站无法访问的公告20090923 最滑稽最搞笑很流行的语句收集 js url传值中文乱码之解决之道 JavaScript的变量作用域深入理解 Javascript实现的CSS代码高亮显示 JQuery 绑定事件时传递参数的实现方法 Sqlite 常用函数 推荐 MSSQL ISQL命令详解 asp.net 计划任务管理程序实现，多线程任务加载 SQl 跨服务器查询语句 sql 服务器知识 Ajax+Json 级联菜单实现代码 windows 复制隐藏帐号完全批处理 正则表达式高级技巧及实例详解 笨活儿 javascript或asp实现的判断身份证号码是否正确两种验证方法 在IE下获取object（ActiveX）的Param的代码 ASP Crazy 模版操作类(最简单的模板类、仅提供交流) oracle SQL解析步骤小结 Javascript 小写字母依次变为大写 Mootools 1.2教程 正则表达式 ASP 调用dll及封装dll实例 php+javascript的日历控件 滑动门式菜单 实现代码 关于Flex 初始化的research 中文域名获国际通行证 投资价值突飞猛进 Mootools 1.2教程 滚动条（Slider） jquery animate 动画效果使用说明 用JavaScript隐藏控件的方法 JS 实现双色表格实现代码 Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别 javascript Range对象跨浏览器常用操作第1/2页 测试控制台使用方法 javascript currying返回函数的函数 asp.net checkbox 动态绑定id GridView删除提示 Jquery 学习笔记（二）
首页
关于我们
+
产品展示
新闻中心
户外常识
在线留言
联系我们
搜索
2026-01-16 11:32:24
浏览次数： 次
返回列表
