首页 文章 精选 留言 我的

精选列表

搜索[在线教育互动课堂]，共8281篇文章
优秀的个人博客,低调大师

杨老师课堂之JavaScript右下角广告弹框

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/kese7952/article/details/80290779 预览效果图： Html代码： <html> <body> <div id="silu"> <button onclick="tips_pop()">3秒后会在右下角自动弹出窗口，如果没有弹出请点击这个按钮</button> </div> <div id="winpop"> <div class="title">您有新的短消息！<span class="close" onclick="tips_pop()">X</span></div> <div class="con">1条未读信息(</div> </div> </body> </html> Css代码： #winpop { width: 200px; height: 0px; position: absolute; right: 0; bottom: 0; border: 1px solid #666; margin: 0; padding: 1px; overflow: hidden; display: none; } #winpop .title { width: 100%; height: 22px; line-height: 20px; background: #FFCC00; font-weight: bold; text-align: center; font-size: 12px; } #winpop .con { width: 100%; height: 90px; line-height: 80px; font-weight: bold; font-size: 12px; color: #FF0000; text-decoration: underline; text-align: center; } #silu { font-size: 12px; color: #666; position: absolute; right: 0; text-align: right; text-decoration: underline; line-height: 22px; } .close { position: absolute; right: 4px; top: -1px; color: #FFF; cursor: pointer; } JavaScript代码： window.onload=function(){//加载 document.getElementById('winpop').style.height='0px'; setTimeout("tips_pop()",800);//3秒后调用tips_pop()这个函数 } function tips_pop(){ var MsgPop=document.getElementById("winpop"); var popH=parseInt(MsgPop.style.height);//将对象的高度转化为数字 if (popH==0){ MsgPop.style.display="block";//显示隐藏的窗口 show=setInterval("changeH('up')",2); } else { hide=setInterval("changeH('down')",2); } } function changeH(str) { var MsgPop=document.getElementById("winpop"); var popH=parseInt(MsgPop.style.height); if(str=="up"){ if (popH<=100){ MsgPop.style.height=(popH+4).toString()+"px"; } else{ clearInterval(show); } } if(str=="down"){ if (popH>=4){ MsgPop.style.height=(popH-4).toString()+"px"; } else{ clearInterval(hide); MsgPop.style.display="none"; //隐藏DIV } } } 作者： 杨校 出处：https://blog.csdn.net/kese7952 分享是快乐的，也见证了个人成长历程，文章大多都是工作经验总结以及平时学习积累，基于自身认知不足之处在所难免，也请大家指正，共同进步。 本文版权归作者所有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出, 如有问题， 可邮件（397583050@qq.com）咨询。
2018-05-11
优秀的个人博客,低调大师

杨老师课堂之JavaScript案例之自动切换轮播图片

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/kese7952/article/details/79905203 JavaScript案例之自动切换轮播图片 效果图： 思路： 1.先做界面 1.1制作按钮及点击触发事件 1.2引入一张图片 2.书写Css 2.1跳转div盒子的布局（宽、高、边框线、水平居中、文字居中...） 3.JavaScript 3.1定义“初始化”函数， 设置定时器 时间为3000毫秒 3.2定义一个变量 i 即原图的数字名称 3.3定义函数：将变量i进行自增。 3.4通过id获取图片元素所在位置，并在后面输出图片路径及图片名称i 的变量 3.5判断：当图片到达最后一张，将图片变量重置为0，进行循环递加到原图的图片名称1上去 参考代码： Html代码 <body onload="init()"> <div "> <input type="button" value="手动切换" onclick="changeImg()" /> <img src="img/1.jpg" width="100%" id="img1"/> </div> </body> CSS代码： <style type="text/css"> div{ width: 500px; height: 350px; border: 1px solid white; margin: auto; text-align: center; } </style> JavaScript代码 <script type="text/javascript"> function init(){ setInterval("changeImg()",3000);//轮播图片显示的定时操作 } var i = 0; function changeImg(){ i++; document.getElementById("img1").src="img/"+i+".jpg"///获取图片位置并设置src属性值 if(i==5){ i=0; } } </script> 作者： 杨校 出处：http://blog.csdn.net/kese7952 分享是快乐的，也见证了个人成长历程，文章大多都是工作经验总结以及平时学习积累，基于自身认知不足之处在所难免，也请大家指正，共同进步。 本文版权归作者所有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出, 如有问题， 可邮件（397583050@qq.com）咨询。
2018-04-10

资源下载

更多资源
Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

时间: 2026-09-24 大小: 189MB 下载: 9次
Spring

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

时间: 2026-08-21 大小: 5MB 下载: 2次
Sublime Text

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

时间: 2026-08-21 大小: 9.84MB 下载: 40次
WebStorm

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

时间: 2025-12-13 大小: 249.54MB 下载: 22次
热门标签
DeepSeek Jdk25 OpenAi HarmonyOS6 Nacos3 SpringBoot4 SpringCloud Docker Kubernetes Service Mesh Redis Gemini3 Rocky

欢迎您来访！

登录后，您将获得更多功能！
热门文章
联系我们

有任何问题或合作意向欢迎联系我们

Email: 99873273@qq.com

QQ: 99873273

用户登录
用户注册