【屌丝学堂】跟我学JS封装-第一课

于 2012-09-11 10:38:02 发布
阅读量125 收藏
点赞数
分类专栏： js 屌丝学堂

许久没写博客了，混在蓝色里面聊天打炮，最近项目也闲下来了，哥就艹笔重艹旧业，开始我的博客记录

 

我是个90后，纯屌丝，我很喜欢我的女神，但是在女神面前我就是个矮丑穷。

有一次半夜，我还在敲击着代码，滴滴滴...女神的头像闪了起来

‘在吗？’  我很高兴，女神这么晚了怎么还找我聊天...我不经幻想起来和女神啪啪啪

'在在在...'     我连敲3个在，说明我此时的内心是多么激动！

' 明天有空吗？陪我去趟医院'  啥！医院!

 ' 你怎么了？是不是身体不舒服？严重吗？我现在就过来！'    我当时真的很担心女神！！

' 呵呵，明天你陪我去就可以了'     女神居然对我  呵呵！！

'哦， 你现在干嘛呢'   我想和女神在聊会  难得的机会啊！！

'呵呵，不聊了，睡觉'  

然后女神的头像就灰了，我关了电脑躺床上想着明天和女神去约会，然后去酒店啪啪啪...这一夜我睡的很香!  

但是之后才知道 女神去医院打胎！！！  喜当爹，有木有！！！！

 

好了开始屌丝学堂第一课：学前端学封装- 封装一个透明函数

 

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS封装透明度</title>
</head>

<style>
#test1{width:250px;height:250px;text-align:center;background-color:#930;margin:0 auto;color:#F00;}
#test2{width:250px;height:250px;text-align:center;background-color:blue;margin:0 auto;color:#f00;}
</style>

<body bgcolor="#eee">
	
    <div id="test1">我是模块1</div>
    <div id="test2">我是模块2</div>
    
    <script>
		/* 封装setOpacity函数
		 * node 类名 level 透明度
		 *=====================*/
			function setOpacity(node,level){
				node = typeof node=="string" ? document.getElementById(node) : node;
				if(document.all){ //document.all 是IE支持属性 firefox 不支持
					node.style.filter = 'alpha(opacity=' + level+ ')';
				}else{
					node.style.opacity= level/100;	
				}		
			}
			
		/*  调用函数 */
		setOpacity("test1",20);
		setOpacity("test2",20);
		
	</script>

</body>
</html>

 

下一课，封装一个单击冒泡函数对象

 

 

 看完请点 顶

 

 

 

 

 

..

yuruei2011
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
聚类算法-一种无监督学习方法.docx
08-12
聚类算法是一种无监督学习方法，用于将数据集中的数据点自动分组到不同的类别中，这些类别也称为“簇”或“群”。聚类的目标是让同一簇内的数据点尽可能相似，而不同簇之间的数据点尽可能不相似。聚类算法广泛应用于多种领域，如数据挖掘、模式识别、图像分析、信息检索等。 聚类算法的基本概念 无监督学习：聚类算法不需要事先标记数据点的类别标签，而是根据数据本身的相似性来分组。 相似性度量：聚类算法依赖于某种相似性或距离度量来决定数据点之间的相似程度。常用的度量包括欧氏距离、曼哈顿距离等。 目标函数：大多数聚类算法都会尝试最小化某种目标函数，例如簇内的平方误差和（SSE）。 常见的聚类算法 K-Means K-Means 是一种原型聚类算法，它通过迭代地将数据点分配到最近的质心来形成簇，并重新计算每个簇的质心，直到质心不再显著变化为止。 在 Python 的 scikit-learn 库中，可以通过 KMeans 类实现 K-Means 聚类。 层次聚类 层次聚类构建一个树状图（称为树状图或 dendrogram），显示数据点是如何逐渐合并成簇的。 这种算法可以是凝聚型（自底向上）或分裂型（自顶向下）。
45ft集装箱模型3D图纸 STEP格式.zip
08-12
45ft集装箱模型3D图纸 STEP格式.zip
Spring Boot网吧管理系统.zip
08-12
该系统严格按照需求分析制作相关模块，并利用所学知识尽力完成，但是本人由于学识浅薄，无法真正做到让该程序可以投入市场使用，仅仅简单实现部分功能，希望日后还能改善。 本系统具有以下优点： 该系统具有较高的适用性，选用B/S结构，可以在绝大部分个人平台上使用该系统。 系统将用户权限进行划分，管理员，网管和会员都能看到及操作的信息不一样，三者具备不同的操作权限。 该系统操作界面简单明了，大部分人都可以正常使用。 但也存在以下问题需要改进： 运行时窗口不能被刷新，可以改进。 系统过于简单，显示的信息有限。。 不能添加多个管理员账号，如果可以则将利于发展网吧规模，便于网吧信息集中管理。 不能实时预约接待消息和网吧反馈建议，容易被忽视，不利于管理员服务客户。
微信小程序大作业 新闻小程序
08-12
微信小程序大作业 新闻小程序
一种简单易用的通用循环队列的C语言解决方案
08-12
博文《一种简单易用的通用循环队列的C语言解决方案》实现的代码。 在实际的嵌入式编程中，消息队列的使用还是比较频繁的，已经在文章《一种简单安全的消息队列的C语言解决方案》中说明了一种队列的解决方案，但是那种设计其中还是存在一些不方便的用法，对于嵌入式系统中一些要求或者性能限制下，可能会用到循环队列，但是对于不使用操作系统的情况下，队列相关的功能就需要手动实现。所以下面将会介绍一种简单的循环队列的实现方式。
智慧城市应急指挥中心系统平台建设方案PPT(41页).pptx
08-12
城市应急指挥系统是智慧城市建设的重要组成部分，旨在提高城市对突发事件的预防和处置能力。系统背景源于自然灾害和事故灾难频发，如汶川地震和日本大地震等，这些事件造成了巨大的人员伤亡和财产损失。随着城市化进程的加快，应急信息化建设面临信息资源分散、管理标准不统一等问题，需要通过统筹管理和技术创新来解决。 系统的设计思路是通过先进的技术手段，如物联网、射频识别、卫星定位等，构建一个具有强大信息感知和通信能力的网络和平台。这将促进不同部门和层次之间的信息共享、交流和整合，提高城市资源的利用效率，满足城市对各种信息的获取和使用需求。在“十二五”期间，应急信息化工作将依托这些技术，实现动态监控、风险管理、预警以及统一指挥调度。 应急指挥系统的建设目标是实现快速有效的应对各种突发事件，保障人民生命财产安全，减少社会危害和经济损失。系统将包括预测预警、模拟演练、辅助决策、态势分析等功能，以及应急值守、预案管理、GIS应用等基本应用。此外，还包括支撑平台的建设，如接警中心、视频会议、统一通信等基础设施。 系统的实施将涉及到应急网络建设、应急指挥、视频监控、卫星通信等多个方面。通过高度集成的系统，建立统一的信息接收和处理平台，实现多渠道接入和融合指挥调度。此外，还包括应急指挥中心基础平台建设、固定和移动应急指挥通信系统建设，以及应急队伍建设，确保能够迅速响应并有效处置各类突发事件。 项目的意义在于，它不仅是提升灾害监测预报水平和预警能力的重要科技支撑，也是实现预防和减轻重大灾害和事故损失的关键。通过实施城市应急指挥系统，可以加强社会管理和公共服务，构建和谐社会，为打造平安城市提供坚实的基础。
毕业设计php网络相册-qkrp源码含文档工具包
08-12
毕业设计php网络相册-qkrp源码含文档工具包 php，数据库mysql，jdk1.8，开发工具用ecplise、myecplise、sts、idea都可以 本网站由用户模块、风采相册、留言簿模块与管理模块等构成，其中用户模块实现了用户注册、登陆与修改个人资料等功能；在线论坛提供交流平台；风采相册实现图片上载和在线浏览功能；留言簿模块实现网上留言功能；管理模块实现用户管理、论坛管理、相册管理与留言簿管理等功能。 包含：源码、数据库脚本、论文、环境工具包、相同框架项目的安装教程（在说明文档中）
基于Springboot和Vue的中药实验管理系统源码 中药实验管理系统代码（优秀毕业设计）
08-12
中药实验管理系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！
【轨迹跟踪】基于matlab四轴飞行器轨迹跟踪（含位置 速度）【含Matlab源码 6846期】.mp4
08-12
Matlab研究室上传的视频均有对应的完整代码，皆可运行，亲测可用，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描视频QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作
【精品毕设推荐】-基于SSM+jsp的蜀都天香酒楼网站设计与实现.zip
最新发布
08-12
【项目简介】 可辅助在本地配置运行 近年来，信息化管理行业的不断兴起，使得人们的日常生活越来越离不开计算机和互联网技术。 首先，根据收集到的用户需求分析，对设计系统有一个初步的认识与了解，确定蜀都天香酒楼管理系统的总体功能模块。 然后，详细设计系统的主要功能模块，通过数据库设计过程将相关的数据信息存储到数据库中，再通过使用关键的开发工具，如MyEclipse开发平台、JSP技术等，编码设计相关的功能模块。 接着，主要采用功能测试的方式对系统进行测试，找出系统在运行过程中存在的问题，以及解决问题的方法，不断地改进和完善系统的设计。 最后，总结本文介绍的系统的设计和实现过程，并且针对于系统的开发提出未来的展望工作。 本系统的研发具有重大的意义，在安全性方面，用户使用浏览器访问网站时，采用注册和密码等相关的保护措施，提高系统的可靠性，维护用户的个人信息和财产的安全。在方便性方面，促进了酒楼管理行业的信息化建设，极大的方便了相关的工作人员对酒楼信息进行管理。 关键词：酒楼管理；Java语言；B/S模式；JSP技术；系统测试
深度报告-20230507-天风证券-阿尔特-300825.SZ-AI赋能汽车设计降本增效-研发 制造双轮驱动扬帆.pdf
08-12
深度报告-20230507-天风证券-阿尔特-300825.SZ-AI赋能汽车设计降本增效_研发 制造双轮驱动扬帆出海__32页_3mb.pdf
基于vue的地方美食分享网站.zip
08-12
该系统严格按照需求分析制作相关模块，并利用所学知识尽力完成，但是本人由于学识浅薄，无法真正做到让该程序可以投入市场使用，仅仅简单实现部分功能，希望日后还能改善。 本系统具有以下优点： 该系统具有较高的适用性，选用B/S结构，可以在绝大部分个人平台上使用该系统。 系统将用户权限进行划分，管理员和用户能看到及操作的信息不一样，两者具备不同的操作权限。 该系统操作界面简单明了，大部分人都可以正常使用。 但也存在以下问题需要改进： 运行时窗口不能被刷新，可以改进。 系统过于简单，显示的信息有限。。 不能添加多个管理员账号，如果可以则将利于发展地方美食规模，便于地方美食分享信息集中管理。 不能实时预约接待消息和地方美食分享反馈建议，容易被忽视，不利于管理员服务用户。
Huawei CE16800-V200R023SPH150
08-12
Huawei CE16800_V200R023SPH150，里面包含补丁说明书和补丁安装指导书，该补丁支持哪些型号，支持哪些版本可以安装当前补丁，请参考补丁说明书和补丁安装指导书。
springboot集成neo4j，使用继承Neo4jRepository的方式来实现对数据的操作
08-12
springboot集成neo4j，这里使用Spring DATA Neo4j模块来实现。 主要使用以下​ Spring Framework ​注释来开发此应用程序： S.No. Spring DATA Neo4j注解 用法 1 @GraphEntity 定义域类​Neo4j Entity​ 2 @GraphID 定义节点或关系​id​ 3 @GraphProperty 定义节点或关系属性 Spring DATA Neo4j模块的附加功能： 支持Neo4j属性图模块 支持Neo4j Lucence索引 支持Neo4j CQL 支持Neo4jTemplate
2015-2023年国自然管理科学部立项名单（25000+项）（全新整理）
08-12
1、资源内容地址：https://blog.csdn.net/2301_79696294/article/details/140421428 2、代码特点：今年全新，手工精心整理，放心引用，数据来自权威，相对于其他人的控制变量数据准确很多,适合写论文做实证用 ，不会出现数据造假问题 3、适用对象：大学生，本科生，研究生小白可用，容易上手！！！ 3、课程引用: 经济学，地理学，城市规划与城市研究，公共政策与管理，社会学，商业与管理 ## 数据指标说明 2010-2023年国自然立项名单（管理科学） 说明： ## 1.样本量：一共25000多个样本 2020年1960项，2021年1982项 2022年2081项，2023年1567项。 ## 2.统计项：包括年份、题目、单位和负责人等。
基于SSM的疫苗预约网站源码
08-12
基于Java的疫苗预约网站包括了普通用户模块和系统管理员模块。普通用户在内容上主要包括注册登录、接种地点查询、疫苗预约、查看自己的接种记录、反馈意见等功能。系统管理员在内容上主要包括接种点管理、疫苗管理、预约提醒管理、疫苗接种管理、反馈意见管理等模块。疫苗预约网站的开发后端框架选择的是SSM框架，通过Java程序设计语言进行开发以及MySQL数据库存储数据。前端采用Html、CSS、Javascript 来实现界面的设计布局和控制。疫苗预约网站的应用为疫苗的预约、接种、管理、查询统计提供了一套智能化、信息化的管理平台。高效的预约接种模式，可以在最短的时间内让更多的人完成疫苗接种，提高疫苗接种的效率，避免了医疗资源的浪费。
深度报告-20231012-东海证券-电力设备与新能源行业深度报告-长时储能东风起-钒电需求待腾飞-42页-3mb.pdf
08-12
深度报告-20231012-东海证券-电力设备与新能源行业深度报告_长时储能东风起_钒电需求待腾飞_42页_3mb.pdf
基于Springboot和Vue的社团管理系统源码 社团管理系统代码（98分期末优秀大作业）
08-12
社团管理系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！
全球小型非公路风冷发动机行业总体规模、主要企业国内外市场占有率及排名（2024版）.docx
08-12
全球小型非公路风冷发动机行业总体规模、主要企业国内外市场占有率及排名（2024版）.docx
可以帮我写一份java版本屌丝逆袭记策划案吗
04-05
当然可以。以下是一份Java版本的《屌丝逆袭记》策划案： 一、游戏概述 《屌丝逆袭记》是一款以逆袭为主题的Java游戏。玩家将扮演一个屌丝角色，通过挑战各种任务和关卡，逐渐提升自己的能力，成为一名成功人士。游戏采用2D横版的画面风格，操作简单易上手，适合各种年龄段的玩家。 二、游戏玩法 1.人物设置 玩家可以选择男女角色，并自定义角色的外观和属性。角色属性包括力量、敏捷、智力和生命值等，不同属性会对游戏过程产生不同的影响。 2.关卡设置 游戏分为多个关卡，每个关卡有不同的任务和挑战。玩家需要通过关卡，完成任务，获得金币和经验值，提升自己的能力。随着关卡的逐渐升级，任务和挑战也会变得越来越难。 3.装备系统 游戏中设置不同等级的装备，玩家可以通过购买或任务奖励获得装备，提升自己的属性和能力。不同的装备有不同的属性加成，玩家需要根据自己的需求和游戏情况选择合适的装备。 4.商城系统 游戏中设置商城，玩家可以通过金币或充值购买各种道具和装备。商城中的物品种类繁多，包括装备、技能书、药品等，可以帮助玩家在游戏中更好地完成任务和挑战。 5.技能系统 游戏中设置各种技能，玩家可以通过任务奖励或商城购买技能书，提升自己的技能等级。不同的技能有不同的效果，可以帮助玩家在游戏中更好地应对不同的挑战和任务。 6.成就系统 游戏中设置成就系统，玩家可以通过完成特定的任务和挑战获得成就称号和奖励。成就系统不仅可以帮助玩家提升自己的游戏体验，还可以增加游戏的乐趣和挑战性。 三、游戏特点 1.简单易上手，适合各种年龄段的玩家； 2.丰富的角色和装备系统，可以让玩家自由选择和定制自己的角色； 3.多样化的任务和挑战，可以让玩家在游戏中不断挑战自我，提高自己的能力； 4.成就系统和商城系统，可以让玩家获得更多的奖励和乐趣； 5.游戏采用Java语言编写，具有良好的稳定性和可移植性。 四、游戏技术实现 1.游戏采用Java语言编写，使用Eclipse或IntelliJ IDEA等开发工具； 2.游戏采用Java2D图形库实现2D横版画面风格； 3.游戏采用MySQL数据库存储玩家数据； 4.游戏采用Java Socket实现多人联机模式； 5.游戏采用Java Swing实现用户界面和控件。 以上是一份Java版本的《屌丝逆袭记》策划案，希望能够对您有所帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值