欢迎来到福编程网，本站提供各种互联网专业知识！
手机版
微信关注
快捷导航
正则表达式
AJAX相关
黑客相关
相关技巧
Mysql
MsSql
MsSql2005
MsSql2008
MariaDB
Oracle
Access
SQLite
PostgreSQL
MongoDB
DB2
Redis
数据库文摘
数据库其它
LINUX
RedHat/Centos
Ubuntu/Debian
Fedora
Solaris
红旗Linux
Unix/BSD
苹果MAC
麒麟系统
注册表
BIOS
系统安装
系统进程
Fireworks教程
广告
商业广告，理性选择
网站首页
网络编程
数据库
操作系统
平面设计
网站运营
网络安全
电脑相关
手机学院
您的位置：
网站首页
>
无法确定分类
javascript 拖动_cookie_ajax等
发布时间：2008-06-11 作者： 来源：转载
标签：
雪佛兰
通用
奢华
劳斯莱斯
旗舰版
64位
收藏夹
解调器
比较实用的js拖动效果代码。类的写法不错，是个不错的应用
<!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=gb2312" /> <title>新版本网站--lib类函数功能应用DEMO演示</title> <style type="text/css"> <!-- *{margin:0;padding:0;} body{text-align:center;background-color:#FFF;font:normal 12px Georgia, "Times New Roman", Times, Arial, Helvetica, sans-serif;color:#000;} form,div,span,ul,li,p,h1,h2,h3,h4,h5,h6{text-align:left;padding:5px;} a:link,a:visited{color:#000;text-decoration:none;}a:hover{color:#F00;text-decoration:underline;} h1{font-size:16px;} img{border:0;} ul,li{list-style-type:none;} dl,dd{clear:both;} .bgGray{background-color:#F1F1F1;} .clear{clear:both;visibility:hidden;font-size:1px;width:1px;height:1px;} #title{position:absolute;top:30px;left:20px;} .drag{position:absolute;z-index:200;top:300px;left:300px;width:300px;height:200px;padding:3px;border:1px solid #999;overflow:hidden;background-color:#FFF;} .handle{margin:0 auto;width:294px;height:14px;padding:3px;background-color:#F1F1F1;overflow:hidden;border-bottom:1px solid #999;} .handle h2{float:left;width:140px;height:12px;font-size:12px;color:#000;padding:1px 0 1px 4px;overflow:hidden;} .handle span{float:right;width:60px;text-align:center;height:12px;font-size:12px;padding:1px 0 1px 0;overflow:hidden;} .drag ul{ float:left; width:300px; height:23px; padding:0; overflow:hidden; } .drag li{ float:left; display:inline; width:100px; height:12px; padding:4px 0 6px 0; border-bottom:1px solid #CCC; overflow:hidden; text-align:center; } .drag li.current{ background-color:#F1F1F1; font-weight:bold; color:#FFF; } .cnt{ margin:0 auto; margin-top:4px; width:288px; height:165px; overflow:auto; scrollbar-arrow-color:#666; /*上下按钮上三角箭头的颜色*/ scrollbar-base-color:#ccc;/*滚动条的基本颜色*/ scrollbar-dark-shadow-color:#fff;/*立体滚动条强阴影的颜色*/ scrollbar-face-color:#ccc;/*立体滚动条凸出部分的颜色*/ scrollbar-highlight-color:#fff;/*滚动条空白部分的颜色*/ scrollbar-shadow-color:#fff;/*立体滚动条阴影的颜色*/ } #tabs_cnt{height:142px;} .cnt p{margin:0 auto;width:260px;height:auto;padding:3px 0 8px 0;line-height:130%;font-size:12px;} .cnt p:first-letter{ float:left; padding:0 2px 0 2px; color:#403C31; font:bold 28px "楷体_GB2312","微软雅黑"; } --> </style> </head> <body> <h1 id="title">新版本网站--lib类函数功能应用DEMO演示</h1> <span id="container"> 1 2 3 4 5 6 7 8 </span> <h2>拖动窗口(1)</h2><span>关闭窗口</span><br class="clear" /> <p style="TEXT-INDENT: 2em"> 理光R系列自来都已全面而著称，去年推出的R7则堪称是相当完善的一款产品，轻巧的机身，7.1倍光学变焦镜头，大尺寸LCD，快速的开机、对焦速度，加上合理的价格，取得了相当不错的销售成绩。 </p> <p style="TEXT-INDENT: 2em"> 08年2月19日，理光官方正式发布了R7的最新替代产品-R8，不到三天，这款新一代全能DC就已经上市，其售价为2880元，并赠送1GB SD卡一张。 </p> <p style="TEXT-INDENT: 2em"> 理光R系列自来都已全面而著称，去年推出的R7则堪称是相当完善的一款产品，轻巧的机身，7.1倍光学变焦镜头，大尺寸LCD，快速的开机、对焦速度，加上合理的价格，取得了相当不错的销售成绩。 </p> <p style="TEXT-INDENT: 2em"> 08年2月19日，理光官方正式发布了R7的最新替代产品-R8，不到三天，这款新一代全能DC就已经上市，其售价为2880元，并赠送1GB SD卡一张。 </p> <h2>Ajax标签导航窗口(2)</h2><span>关闭窗口</span><br class="clear" /> Dom 编程艺术 Ajax实战 CSS权威指南 <br class="clear" /> <p style="TEXT-INDENT: 2em"> DOM理光R系列自来都已全面而著称，去年推出的R7则堪称是相当完善的一款产品，轻巧的机身，7.1倍光学变焦镜头，大尺寸LCD，快速的开机、对焦速度，加上合理的价格，取得了相当不错的销售成绩。 </p> <p style="TEXT-INDENT: 2em"> 08年2月19日，理光官方正式发布了R7的最新替代产品-R8，不到三天，这款新一代全能DC就已经上市，其售价为2880元，并赠送1GB SD卡一张。 </p> <p style="TEXT-INDENT: 2em"> 理光R系列自来都已全面而著称，去年推出的R7则堪称是相当完善的一款产品，轻巧的机身，7.1倍光学变焦镜头，大尺寸LCD，快速的开机、对焦速度，加上合理的价格，取得了相当不错的销售成绩。 </p> <p style="TEXT-INDENT: 2em"> 08年2月19日，理光官方正式发布了R7的最新替代产品-R8，不到三天，这款新一代全能DC就已经上市，其售价为2880元，并赠送1GB SD卡一张。 </p> <h2>拖动窗口(3)</h2><span>关闭窗口</span><br class="clear" /> <p style="TEXT-INDENT: 2em"> 理光R系列自来都已全面而著称，去年推出的R7则堪称是相当完善的一款产品，轻巧的机身，7.1倍光学变焦镜头，大尺寸LCD，快速的开机、对焦速度，加上合理的价格，取得了相当不错的销售成绩。 </p> <p style="TEXT-INDENT: 2em"> 08年2月19日，理光官方正式发布了R7的最新替代产品-R8，不到三天，这款新一代全能DC就已经上市，其售价为2880元，并赠送1GB SD卡一张。 </p> <p style="TEXT-INDENT: 2em"> 理光R系列自来都已全面而著称，去年推出的R7则堪称是相当完善的一款产品，轻巧的机身，7.1倍光学变焦镜头，大尺寸LCD，快速的开机、对焦速度，加上合理的价格，取得了相当不错的销售成绩。 </p> <p style="TEXT-INDENT: 2em"> 08年2月19日，理光官方正式发布了R7的最新替代产品-R8，不到三天，这款新一代全能DC就已经上市，其售价为2880元，并赠送1GB SD卡一张。 </p> <h2>Ajax标签导航窗口(4)</h2><span>关闭窗口</span><br class="clear" /> Dom 编程艺术 Ajax实战 CSS权威指南 <br class="clear" /> <p style="TEXT-INDENT: 2em"> 理光R系列自来都已全面而著称，去年推出的R7则堪称是相当完善的一款产品，轻巧的机身，7.1倍光学变焦镜头，大尺寸LCD，快速的开机、对焦速度，加上合理的价格，取得了相当不错的销售成绩。 </p> <p style="TEXT-INDENT: 2em"> 08年2月19日，理光官方正式发布了R7的最新替代产品-R8，不到三天，这款新一代全能DC就已经上市，其售价为2880元，并赠送1GB SD卡一张。 </p> <p style="TEXT-INDENT: 2em"> 理光R系列自来都已全面而著称，去年推出的R7则堪称是相当完善的一款产品，轻巧的机身，7.1倍光学变焦镜头，大尺寸LCD，快速的开机、对焦速度，加上合理的价格，取得了相当不错的销售成绩。 </p> <p style="TEXT-INDENT: 2em"> 08年2月19日，理光官方正式发布了R7的最新替代产品-R8，不到三天，这款新一代全能DC就已经上市，其售价为2880元，并赠送1GB SD卡一张。 </p> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
上一篇：
dba_indexes视图的性能分析
下一篇：
MySQL：Unsafe statement written to the binary log using statement format since BINLOG_FORMAT = STATEM
广告
商业广告，理性选择
相关推荐
4555555555555555454
aspnet_admin.exe进程是安全的吗 aspnet_admin进程信息查询
make_sock: could not bind to address 0.0.0.0:443
用软件lm_sensors监测Linux系统和CPU温度
教你SQLSERVER扩展存储过程XP_CMDSHELL的简单应用
教你如何用ISAPI_Rewrite做IIS防盗链
桌面文件丢失怎么办？找回桌面文件的妙招
电脑中如何将耳机和扬声器设为独立音源
ubuntu下删除或卸载easy_install所安装的软件包
Debian/Ubuntu下安装Apache的Mod_Rewrite模块的步骤分享
如何使用命令查看电脑生产日期
windows扬声器被禁用了怎么办
Vsftpd+tcp_wrappers控制主机和用户访问
Centos 6.5 x86_64 安装或者设置花生壳ddns的技巧
e_srcv03.exe是什么进程 e_srcv03进程是安全程序吗
e_s0hic1.exe是什么进程 e_s0hic1进程安全吗
vi_grm.exe进程是什么意思
Windows7/2008中批量删除隧道适配器的方法
走进Vista系统安全中心!
让Vista响应更快
广告
商业广告，理性选择
文章分类
免责声明
联系我们
关于我们
广告合作
电脑相关
手机学院
网络编程
数据库
操作系统
平面设计
网站运营
网络安全
热门关键词
雪佛兰
通用
奢华
劳斯莱斯
旗舰版
64位
收藏夹
解调器
网卡
网线
分辨率
家电
4k
显示器
header
USER_AGENT
色彩
图形
商业
生成
广告
商业广告，理性选择
热门文章
1
什么是Meta标签？ 哪些Meta标签对搜索引擎SEO优化有作用？
2
Mac设置VPN来登录youtube等国外网站的步骤
3
各大搜索引擎登录入口,网站收录入口
4
Openvpn在麒麟操作系统上的配置方法
5
联想笔记本BIOS设置图解中文详细说明
6
AMI BIOS设置图解教程+Award Bios设置全程图解
7
Mac怎么切换主显示器 苹果电脑Mac双显示器设置主显方法图解
8
分享最受美国人喜欢的十大搜索引擎
9
分享10个常见的SQL注入工具
10
mac系统中自带的邮件程序怎么添加qq邮箱帐号?
最新更新
无线路由器经常断线 故障解决
怎么在Mac上设置锁屏不待机
VHD和VHDX硬盘格式有什么区别?
关闭Aero Shake节约系统资源的方法
怎么更改Mac中的邮件字体大小
提高WIN7系统开机速度方法分享
Mac系统怎么更改用户登录密码
Mac上如何修改时间和日期
如何将常用应用固定至开始屏幕或任务栏
MySQL中replace into语句的用法详解（insert into 的增强版）
广告
商业广告，理性选择
网站首页
|
关于我们
|
免责声明
|
广告合作
|
联系我们
Copyright @ 2015-2024
福编程 fuphp
All Rights Reserved.
豫ICP备15036959号-4
