yunmoxue
- 浏览: 290456 次
- 性别:
- 来自: 郑州
-
文章分类
最新评论
-
ms143014：
很详细
JS 中 Tween 的使用 -
yunmoxue：
qdpurple 写道谢谢！ 我是一个应届毕业生，刚参加jav ...
网上简历投递技巧 -
yunmoxue：
atgoingguoat 写道查询 MYSQL 表中文名称，怎 ...
mysql查看数据库和表的信息 -
atgoingguoat：
查询 MYSQL 表中文名称，怎么写？
mysql查看数据库和表的信息 -
blacksoul7：
hoho
php 和 apache 下载,安装,配置,测试
演示文档
html
js 文件:
打包下载:
html
<!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>无标题文档</title>
<script type="text/javascript" src="js/jquery-1.4.min.js"></script>
<script type="text/javascript" src="js/show_img.js"></script>
<style>
ul,li{
margin:0;
padding:0;
}
li{
list-style:none;
}
.img_wrapper{
width:950px;
height:470px;
overflow:hidden;
position:relative;
}
.img_sub_wrapper{
position:absolute;
}
.img_sub_wrapper img{
position:absolute;
display:none;
}
.num_list {
margin-left:865px;
margin-top:440px;
position: absolute;
}
.num_list li{
float:left;
width:15px;
height:20px;
text-align:center;
background:#fefefe;
margin: 0 0 0 3px;
cursor:pointer;
}
.num_list li.hover{
background:#000;
color:#fff;
}
#control{
float:left;
margin:120px 0 0 20px;
}
#img_wrapper{
float:left;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
var show_img = $('#img_wrapper').show_img();
$('#play_btn').click(function(){
show_img.play();
});
$('#pause_btn').click(function(){
show_img.pause();
});
$('#next_btn').click(function(){
show_img.next_img();
});
$('#back_btn').click(function(){
show_img.back_img();
});
$('#show_num_text_btn').click(function(){
show_img.show_number_text();
});
$('#hide_num_text_btn').click(function(){
show_img.hide_number_text();
});
$('#show_num_list_btn').click(function(){
show_img.show_number_list();
});
$('#hide_num_list_btn').click(function(){
show_img.hide_number_list();
});
$('#fade_btn').click(function(){
show_img.set_fade();
});
$('#slide_btn').click(function(){
show_img.set_slide();
});
});
</script>
</head>
<body>
<div id="img_wrapper" class="img_wrapper">
<div id="img_sub_wrapper" class="img_sub_wrapper">
<img src="imgs/01.jpg" style="display:block"/>
<img src="imgs/02.jpg" />
<img src="imgs/04.jpg" />
<img src="imgs/05.jpg" />
</div>
<ul id="num_list" class="num_list"></ul>
</div>
<div id="control">
<input type="button" value="play" id="play_btn" /> <br />
<input type="button" value="pause" id="pause_btn" /> <br />
<input type="button" value="back" id="back_btn" /> <br />
<input type="button" value="next" id="next_btn" /> <br />
<input type="button" value="hide number text" id="hide_num_text_btn" /> <br />
<input type="button" value="show number text" id="show_num_text_btn" /> <br />
<input type="button" value="hide number list" id="hide_num_list_btn" /> <br />
<input type="button" value="show number list" id="show_num_list_btn" /> <br />
<input type="button" value="fade" id="fade_btn" /> <br />
<input type="button" value="slide" id="slide_btn" /> <br />
</div>
</body>
</html>
js 文件:
(function($){
var timer = 0;
var show_img = function(options){
init.call(this,options);
return $.fn.show_img;
};
function init(options){
//alert($(this).find('.img_sub_wrapper').children('img').length);
$.extend({},show_img.defaults,options);
do_next();
show_img.img_list = $(this).find('.img_sub_wrapper').children('img');
show_img.num_list = $(this).find('.num_list');
show_img.defaults.img_length = show_img.img_list.length;
create_number_list();
$($(show_img.num_list).find('li')[show_img.defaults.current_img]).
addClass('hover');
}
function do_next(){
clearTimeout(timer);
if(show_img.defaults.play==1){
timer = setTimeout(function(){
show_img.next_img();
},show_img.defaults.pause_speed+show_img.defaults.speed);
}
}
function create_number_list(){
var html = '';
for(var i=1;i<=show_img.defaults.img_length;i++){
html = '<li class="number_list"><span class="number_text">';
html += i;
html += '</span></li>';
var li = $(html).click((function(n){
return function(){
show_img.show_special_img(n-1);
};
})(i));
$(show_img.num_list).append(li);
}
}
function do_fade(now_index,next_index){
$(show_img.img_list[now_index]).
fadeOut(show_img.defaults.speed);
//alert(show_img.defaults.current_img);
$(show_img.img_list[next_index]).
fadeIn(show_img.defaults.speed);
}
function do_slide(now_index,next_index){
$(show_img.img_list[now_index]).
slideUp(show_img.defaults.speed);
//alert(show_img.defaults.current_img);
$(show_img.img_list[next_index]).
slideDown(show_img.defaults.speed);
}
function do_effect(now_index,next_index){
switch(show_img.defaults.mode){
case 1:
do_fade(now_index,next_index);
case 2:
do_slide(now_index,next_index);
}
$($(show_img.num_list).find('li')[now_index ]).
removeClass('hover');
$($(show_img.num_list).find('li')[next_index]).
addClass('hover');
}
show_img.next_img = function(){
show_img.show_special_img(show_img.defaults.current_img+1);
}
show_img.back_img = function(){
show_img.show_special_img(show_img.defaults.current_img-1);
}
show_img.show_special_img = function(i){
do_next();
var now_index = show_img.defaults.current_img;
var next_index = i;
if(next_index<0){
next_index = show_img.defaults.img_length-1;
}
if(next_index == show_img.defaults.img_length){
next_index = 0;
}
show_img.defaults.current_img = next_index;
do_effect(now_index,next_index);
}
show_img.play = function(){
clearTimeout(timer);
show_img.defaults.play = 1;
do_next();
}
show_img.pause = function(){
clearTimeout(timer);
show_img.defaults.play = 0;
}
show_img.show_number_list = function(){
show_img.defaults.number_list = 1;
$(show_img.num_list).css('display','block');
}
show_img.hide_number_list = function(){
show_img.defaults.number_list = 0;
$(show_img.num_list).css('display','none');
}
show_img.show_number_text = function(){
show_img.defaults.number_text = 1;
$(show_img.num_list).find('span.number_text').css('display','block');
}
show_img.hide_number_text = function(){
show_img.defaults.number_text = 0;
$(show_img.num_list).find('span.number_text').css('display','none');
}
show_img.set_fade = function(){
show_img.defaults.mode = 1;
}
show_img.set_slide = function(){
show_img.defaults.mode = 2;
}
// initial value
show_img.defaults = {
"pause_speed" : 2000,//停顿速度
"speed" : 2000, //缓动速度
"play" : 1,//自动播放
"bg_light" : 0,//背光,0:禁用,1:黑色,2:白色
"mode" : 1,//过渡缓动, 1:fade,2:slide
"thumb" : 0,//是否显示缩略图 ,功能尚未添加
"number_text" : 0,//是否显示列表中的数字
"number_list" : 0,//是否显示列表
"current_img" : 0,//当前图片
// "next_img" : 1,//下一张耀显示的图片
"img_length" : 0//图片总数
};
$.fn.show_img = show_img;
})(jQuery);
打包下载:
- js.zip (696.8 KB)
- 下载次数: 26
分享到：
发表评论
-
js 图片延迟加载 lazy_ load 0.2
2012-03-28 17:11 1507<!DOCTYPE html PUBLIC &quo ... -
if ie6
2012-03-26 20:47 4692<!--[if !IE]><!--> ... -
setTimeout 和 setInterval 无法传参
2012-02-21 22:28 1688setTimeout( function() ... -
Ajax与IE6缓存问题
2012-02-21 22:25 1246原因：用ajax请求时，如果出现重复的URL，浏览器不会向服务 ... -
表单不缓存
2011-08-01 22:04 3941有时候用javascript做一些应用,刷新页面后表单值不会清 ... -
div+css 什么时候用 table什么时候用
2011-05-28 12:22 1900在知道回答问题..写完了.提示问题没了 ... -
设置页面不缓存
2010-09-28 08:52 1142<META HTTP-EQUIV="pragm ... -
简单的封装了一下ajax通信..
2010-02-05 21:49 1673<script> //a继承b fu ... -
js call 用法<转>
2010-01-28 10:04 1268原文地址: http://hi.baidu.c ... -
图片垂直居中
2009-12-28 15:27 1416.box {/*非IE的主流浏览器识别的垂直居中的方法*/ ... -
颜色库....
2009-11-02 16:11 1051蓝: background: #69c; b ... -
网上简历投递技巧
2009-09-25 01:36 3159原文地址！！感谢。。 http://hi.baidu.com ... -
ssh
2009-08-17 15:30 1013struts标签的property的值不能与js中方法名重名. ... -
myEclipse 6.5 和 flex3builder 注册码
2009-08-14 16:38 1643myeclipse 6.5 Name: flowbyte.c ... -
js中的数组
2009-06-09 11:25 1605原创地址:http://www.diybl.c ... -
禁用cookie
2009-03-10 17:38 1174来自:http://publish.it168.com ... -
<宋词>陆游,秦观
2009-02-26 09:12 1666转自: http://hi.baidu.com/hbe ... -
华为在世界通信大会上全球首家展示4G技术
2009-02-17 15:56 1271网易科技讯 2月16日消息，在巴塞罗那举行的世界移动大会（Mo ... -
疑惑了..
2009-02-10 17:38 1040哎... 一开始觉得自己虽然不行.还是可以一点的..现在 ... -
转自李白
2009-02-01 22:09 861「将进酒」李白 君不见黄河之水天上来，奔流到海不复回。 ...
相关推荐
1、文件内容：ibus-table-chinese-erbi-1.4.6-3.el7.rpm以及相关依赖 2、文件形式：tar.gz压缩包 3、安装指令： #Step1、解压 tar -zxvf /mnt/data/output/ibus-table-chinese-erbi-1.4.6-3.el7.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm 4、更多资源/技术支持：公众号禅静编程坊
选择Java后台技术和MySQL数据库，在前台界面为提升用户体验，使用Jquery、Ajax、CSS等技术进行布局。 系统包括两类用户：学生、管理员。 学生用户只要实现了前台信息的查看，打开首页，查看网站介绍、自习室信息、在线留言、轮播图信息公告等，通过点击首页的菜单跳转到对应的功能页面菜单，包括网站首页、自习室信息、注册登录、个人中心、后台登录。 学生用户通过账户账号登录，登录后具有所有的操作权限，如果没有登录，不能在线预约。学生用户退出系统将注销个人的登录信息。 管理员通过后台的登录页面，选择管理员权限后进行登录，管理员的权限包括轮播公告管理、老师学生信息管理和信息审核管理，管理员管理后点击退出，注销登录信息。 管理员用户具有在线交流的管理，自习室信息管理、自习室预约管理。 在线交流是对前台用户留言内容进行管理，删除留言信息，查看留言信息。
面向基层就业个性化大学生服务平台(源码+数据库+论文+ppt)java开发springboot框架javaweb，可做计算机毕业设计或课程设计 【功能需求】 面向基层就业个性化大学生服务平台(源码+数据库+论文+ppt)java开发springboot框架javaweb，可做计算机毕业设计或课程设计 面向基层就业个性化大学生服务平台中的管理员角色主要负责了如下功能操作。 （1）职业分类管理功能需求：对职业进行划分分类管理等。 （2）用户管理功能需求：对用户信息进行维护管理等。 （3）职业信息管理功能需求：对职业信息进行发布等。 （4）问卷信息管理功能需求：可以发布学生的问卷调查操作。 （5）个性化测试管理功能需求：可以发布个性化测试试题。 （6）试题管理功能需求：对测试试题进行增删改查操作。 （7）社区交流管理功能需求：对用户的交流论坛信息进行维护管理。 面向基层就业个性化大学生服务平台中的用户角色主要负责了如下功能操作。 （1）注册登录功能需求：没有账号的用户，可以输入账号，密码，昵称，邮箱等信息进行注册操作，注册后可以输入账号和密码进行登录。 （2）职业信息功能需求：用户可以对职业信息进行查看。 （3）问卷信息功能需求：可以在线进行问卷调查答卷操作。 （4）社区交流功能需求：可以在线进行社区交流。 （5）个性化测试功能需求：可以在线进行个性化测试。 （6）公告资讯功能需求：可以查看浏览系统发布的公告资讯信息。 【环境需要】 1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以。 2.IDE环境：IDEA，Eclipse,Myeclipse都可以。 3.tomcat环境：Tomcat 7.x,8.x,9.x版本均可 4.数据库：MySql 5.7/8.0等版本均可； 【购买须知】 本源码项目经过严格的调试，项目已确保无误，可直接用于课程实训或毕业设计提交。里面都有配套的运行环境软件，讲解视频，部署视频教程，一应俱全，可以自己按照教程导入运行。附有论文参考，使学习者能够快速掌握系统设计和实现的核心技术。
三菱Fx3u程序：自动检测包装机电机控制模板，PLC脉冲与伺服定位，手自动切换功能,三菱Fx3u程序：自动检测包装机电机控制模板——涵盖伺服定位与手自动切换功能,三菱Fx3u程序，自动检测包装机。 该程序六个电机，plc本体脉冲控制3个轴，3个1pg控制。 程序内包括伺服定位，手自动切，功能快的使用，可作为模板程序，很适合新手。 ,三菱Fx3u程序; 自动检测包装机; 六个电机; PLC脉冲控制; 伺服定位; 手自动切换; 功能快捷键; 模板程序。,三菱Fx3u PLC控制下的自动包装机程序：六电机伺服定位与手自动切换模板程序
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
计及信息间隙决策与多能转换的综合能源系统优化调度模型：实现碳经济最大化与源荷不确定性考量,基于信息间隙决策与多能转换的综合能源系统优化调度模型：源荷不确定性下的高效碳经济调度策略,计及信息间隙决策及多能转的综合能源系统优化调度 本代码构建了含风电、光伏、光热发电系统、燃气轮机、燃气锅炉、电锅炉、储气、储电、储碳、碳捕集装置的综合能源系统优化调度模型，并考虑P2G装置与碳捕集装置联合运行，从而实现碳经济的最大化，最重要的是本文引入了信息间隙决策理论考虑了源荷的不确定性（本代码的重点）与店铺的47代码形成鲜明的对比，注意擦亮眼睛，认准原创，该代码非常适合修改创新，，提供相关的模型资料 ,计及信息间隙决策; 综合能源系统; 优化调度; 多能转换; 碳经济最大化; 风电; 光伏; 燃气轮机; 储气; 储电; 储碳; 碳捕集装置; P2G装置联合运行; 模型资料,综合能源系统优化调度模型：基于信息间隙决策和多能转换的原创方案
IPG QCW激光模块电源驱动电路设计与实现：包含安全回路、紧急放电回路及光纤互锁功能的多版本原理图解析,IPG QCW激光模块电源驱动电路设计与实现：含安全回路、紧急放电及光纤互锁等多重保护功能的原理图解析,IPG QCW激光模块电源驱动电路， 包含安全回路，紧急放电回路，光纤互锁回路等， 元件参数请根据实际设计适当调整，此电路仅供参考，不提供pcb文件 原理图提供PDF和KICAD两个版本。 ,IPG激光模块; QCW激光电源驱动; 安全回路; 紧急放电回路; 光纤互锁回路; 原理图PDF和KICAD版本。,IPG激光模块电源驱动电路图解：含安全与紧急放电回路
基于LSSVM的短期电力负荷预测模型及其性能评估：结果揭露精确度与误差分析,LSSVM在短期电力负荷预测中的结果分析：基于均方根误差、平均绝对误差及平均相对百分误差的评估。,LSSVM最小二乘支持向量机做短期电力负荷预测。 结果分析 均方根误差(RMSE)：0.79172 平均绝对误差（MAE）：0.4871 平均相对百分误差（MAPE）：13.079% ,LSSVM（最小二乘支持向量机）；短期电力负荷预测；均方根误差（RMSE）;平均绝对误差（MAE）;平均相对百分误差（MAPE）,LSSVM在电力负荷短期预测中的应用及性能分析
1、文件内容：libmtp-examples-1.1.14-1.el7.rpm以及相关依赖 2、文件形式：tar.gz压缩包 3、安装指令： #Step1、解压 tar -zxvf /mnt/data/output/libmtp-examples-1.1.14-1.el7.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm 4、更多资源/技术支持：公众号禅静编程坊
资源内项目源码是均来自个人的课程设计、毕业设计或者具体项目，代码都测试ok，都是运行成功后才上传资源，答辩评审绝对信服的，拿来就能用。放心下载使用！源码、说明、论文、数据集一站式服务，拿来就能用的绝对好资源！！！ 项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、大作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。 4、如有侵权请私信博主，感谢支持
2023-04-06-项目笔记-第四百一十六阶段-课前小分享_小分享1.坚持提交gitee 小分享2.作业中提交代码 小分享3.写代码注意代码风格 4.3.1变量的使用 4.4变量的作用域与生命周期 4.4.1局部变量的作用域 4.4.2全局变量的作用域 4.4.2.1全局变量的作用域_1 4.4.2.414局变量的作用域_414- 2025-02-21
MINIST数据集和春风机器学习框架
1、文件内容：ibus-table-chinese-wu-1.4.6-3.el7.rpm以及相关依赖 2、文件形式：tar.gz压缩包 3、安装指令： #Step1、解压 tar -zxvf /mnt/data/output/ibus-table-chinese-wu-1.4.6-3.el7.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm 4、更多资源/技术支持：公众号禅静编程坊
宿舍管理系统(源码+数据库+论文+ppt)java开发springboot框架javaweb，可做计算机毕业设计或课程设计 【功能需求】 系统拥有管理员和学生两个角色，主要具备系统首页、个人中心、学生管理、宿舍信息管理、宿舍分配管理、水电费管理、进入宿舍管理、出入宿舍管理、维修信息管理、卫生信息管理、考勤信息管理、留言板、交流论坛、系统管理等功能模块。 【环境需要】 1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以。 2.IDE环境：IDEA，Eclipse,Myeclipse都可以。 3.tomcat环境：Tomcat 7.x,8.x,9.x版本均可 4.数据库：MySql 5.7/8.0等版本均可； 【购买须知】 本源码项目经过严格的调试，项目已确保无误，可直接用于课程实训或毕业设计提交。里面都有配套的运行环境软件，讲解视频，部署视频教程，一应俱全，可以自己按照教程导入运行。附有论文参考，使学习者能够快速掌握系统设计和实现的核心技术。
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
人凤飞飞凤飞飞是粉色丰富
2024蓝桥杯嵌入式学习资料
image_download_1740129191509.jpg
基于Multisim仿真的带优先病房呼叫系统设计（仿真图） 设计一个病房呼叫系统。 功能 （1）当有病人紧急呼叫时，产生声，光提示，并显示病人的编号； （2）根据病人的病情设计优先级别，当有多人呼叫时，病情严重者优先； （3）医护人员处理完当前最高级别的呼叫后，系统按优先级别显示其他呼叫病人的病号。
基于STM32F103的3.6kW全桥逆变器资料：并网充电放电、智能切换与全方位保护方案,基于STM32F103的3.6kW全桥逆变器资料：并网充电放电、智能控制与全方位保护方案,逆变器光伏逆变器，3.6kw储能逆变器全套资料 STM32储能逆变器 BOOST 全桥 基于STM32F103设计，具有并网充电、放电；并网离网自动切；485通讯，在线升级；风扇智能控制，提供过流、过压、短路、过温等全方位保护。 基于arm的方案区别于dsp。 有PCB、原理图及代码ad文件。 ,逆变器; 储能逆变器; STM32F103; 3.6kw; 485通讯; 全方位保护; 智能控制; 方案区别; PCB文件; 原理图文件; ad文件。,基于STM32F103的3.6kw储能逆变器：全方位保护与智能控制