css和js学习之作

最新推荐文章于 2023-07-24 18:13:53 发布
最新推荐文章于 2023-07-24 18:13:53 发布
阅读量400 收藏
点赞数
分类专栏： 技術 文章标签： css function class border div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/i_saw_you/article/details/7516979
版权 
<!DOCTYPE>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title></title>
<style type="text/css">
.man{height:210px;width:104px;}
#a{height:100px;width:50px;float:left;margin:0 4px 4px 0; background-color:gray;}
#b{height:204px;width:50px;float:right;background-color:gray;}
#c{height:100px;width:50px;float:left;background-color:gray;}
.biger{background-color:#cc0509;position:absolute;z-index:100;border:#00CCFF 1px solid;
width:100px;
height:120px;
display:none;
}
</style>
</head>
<body>
<div class='man'>
	<div id="a">A</div>
	<div id="b" >B</div>
	<div id="c">C</div>
</div>
<script type="text/javascript">
var big = {};
big.hidenBig = function ()
{
	_this.bigDiv.style.display = 'none';
}
big.big = function (o){
	_this=this;
	_this.bigDiv = document.createElement("div");
	_this.bigDiv.setAttribute('class',o.className);
	_this.bigDiv.setAttribute('className', o.className);
	document.body.appendChild(_this.bigDiv); 
	document.getElementById(o.id).onmouseover =  function ()
	{
		_this.bigDiv.style.top = this.offsetTop;
		_this.bigDiv.style.left = this.offsetLeft;
		_this.bigDiv.style.width = this.offsetWidth*1.3;
		_this.bigDiv.style.height = this.offsetHeight*1.3;
		_this.bigDiv.innerHTML = this.innerHTML;
		_this.bigDiv.style.display = 'block';
	}
	_this.bigDiv.onmouseout = _this.hidenBig;
}
big.big({className:'biger',id:'a'});
big.big({className:'biger',id:'b'});
</script>
</body>
</html>


i_saw_you
关注
专栏目录
html.css和js学习笔记.zip
12-30
html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习...
html，css，js 学习之路.zip
12-30
html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习...
JS和CSS和C++互相调用
06-01
标题 "JS和CSS和C++互相调用" 涉及到的是三种不同的编程语言——JavaScript、CSS和C++在Web开发中的交互性问题。在现代Web开发中，这种跨语言交互是实现复杂功能和高性能应用的关键。让我们深入探讨一下这三者之间的...
《html+css+javascript 网页制作案例教程》源代码
最新发布
04-02
此外，JavaScript库和框架，如jQuery、React、Vue.js等，极大地简化了开发过程，提供了丰富的功能和性能优化手段。 这个压缩包中的"html_blackhorse-code"很可能包含了多个示例项目，每个项目对应书中的一个或多个...
学习html Css和Javascript的记录.zip
01-05
学习html Css和Javascript的记录学习html Css和Javascript的记录 学习html Css和Javascript的记录学习html Css和Javascript的记录 学习html Css和Javascript的记录学习html Css和Javascript的记录 学习html Css和...
将vim神器移植到IOS12.4的无聊记录
i saw you walking in the rain
03-10 3835
最近业余时间不知道折腾点啥，于是，决定把旧的iPhone 5s越狱一下玩。 当用ssh登录后发现居然没有任何文本编辑器，于是决定将vim神器移植到上面。 首先去github下载源码，地址就不列出来了。 然后使用我的破mac air 来进行交叉编译。 做交叉编译，第一步是整出交叉编译环境。网上查了一下资料，大多数是说安装xcode。欢天喜地的去App store下载，一看居然要2G多。可怜我只有128的硬盘，还装了双系统。想了想，还是不安装了。 再查资料，发现有xcode命令行版，试了一下，我电脑居
苹果电脑双系统安装及使用心得
i saw you walking in the rain
01-01 2709
终于在系统升级到big sur以后，parallels又罢工了，网上一直也找不到合适的破解版。虽然parallels非常好用，但是实在忍受不了每升级一次系统，就坏掉一次。就算买个正版，也是每次升级要重新购买，虽然钱不多，但是羊毛也不能这么被薅。 一、安装 所需工具，1、U盘（8G以上，建议16G，NTFS格式 ）2、windows10 /windows7等镜像 第一步，先使用macos自带的bootcamp 创建安装盘，按照提示一步步来 没有特殊情况 不赘述。 第二步，重启系统 进入引导，安装wi.
ffmpeg使用心得
i saw you walking in the rain
02-11 1560
假日家里没网络，于是把往日的U盘翻出来，看看里面的旧电影，结果发现Macos播放不了rmvb和kvm格式的电影。实在无聊，原本想去外面蹭网装一个新播放器，忽然想起我的mac 装了ffmpeg，于是试着进行转码。 第一版 刚开始不知道怎么做，先百度，按照百度的命令来 ffmpeg -i xx.rmvb xxx,mp4 果然开始转换了，内心狂喜。结果细细一看，转码速度约0.5倍速，如果是2小时的电影，就需要4个小时。而且我的破mac风扇已经开始狂转了，心理感觉好心疼，忍着转完一部，想着要不要用硬件加速试试
Spring Integration http模块使用遇到的坑
i saw you walking in the rain
04-04 1447
最近使用Spring Integration，尝试接入webservice。先上代码，再说坑点&lt;bean id="EndPoint" class="com.mohe.service.impl.EndPoint"&gt;&lt;/bean&gt;        &lt;int:service-activator input-channel="replyChannel"          met...
jacob使用异常解决
i saw you walking in the rain
06-27 1060
一开始使用的是jboss7.0，因为安全要求，需要升级到Jboss7.3，做好测试环境后，开始发现jboss会莫名其妙退出。仔细检查后发现，居然是段错误。我一个java程序员，处理段错误是没有经验的。依据网上的内容，先查看hs_err_pidxxx.log文件仔细一看，居然是Jacob报错了，心想，不该啊，只是升级个jboss，关它什么事情。出了问题就要解决，最初，怀疑是没有做多线程访问安全导致，于是，先改为单利模式，使用synchronized来修饰关键代码。进行测试，依旧会挂掉，依旧是段错误。摸不着头脑
羊 狼过河问题模拟过程
i saw you walking in the rain
01-27 973
<br /><?php<br />/*<br />羊 狼过河问题1.00版<br />*/<br />define('LEFT',0);<br />define('RIGHT',1);<br />class An{<br />var $yang=0;<br />var $lang=0;<br />function pop($type){<br /><br />if($type=='yang')<br />$this->yang--;<br />else<br />$this->lang--;<br />if
关于nodejs调用c/c++代码的一些感悟
i saw you walking in the rain
12-02 815
转win10系统，双系统的macair电脑，硬盘有点少，win10总共40G，安装个vc环境，我的硬盘就快爆了。打不开设备，也就没办法推进问题。受网上谋篇不知名的博客影响，写出如上代码，buf里面，怎么都获取不到数据，但是ret的返回值，却又是true，证明我们已经成功的调用到了dll文件的方法。关于vs，不知道为什么，ffi编译的时候，需要vs2013以上（不含2013），我的老花眼，居然看成只支持2013，一番折腾。关于nodejs，因为客户使用node 10.1，所以也是装了卸，吐了吃。
java语言list对象使用错误
i saw you walking in the rain
04-19 778
今天发现，在使用list对象时，若对象为内容为空，用list.get(0)会导致报越界异常。建议写法为 String tmp = list.empty()?"":list.get(0)对于 list的使用，应先判断索引是否正常，后使用get方法取值。...
javascript 单元测试迷思
i saw you walking in the rain
03-08 727
非前端，偶尔写写javascript，上一篇博文的代码，被发现单元测试不足导致bug。 思考了一下，写个了自动化测试脚本 var testData = [{param:'19900101',retVal:'32'}]; function assert(retVal,expVal){ return retVal==expVal?true:false; } function testing(testData,func){ for(i in testData){ conso
php 求正班工作日的小算法2
i saw you walking in the rain
04-07 675
function getWorkDays($year,$month,$bigword=true) {         $tmp = 7;         if($bigword)         {                 $tmp = 6;         }         $workday=0;         $t=mktime(0,0,0,$month,1,$ye
零高度 iframe对页面布局的影响
i saw you walking in the rain
04-11 569
零高度的iframe对于不同浏览器表现是不一致的,在ie8下面是会占有一个行高的高度的,不论你设置的高度是多少都没有用. 但是在谷歌浏览器下面一切正常,火狐下面表现跟ie一致
生成ini文件
i saw you walking in the rain
09-08 552
class create {     private $file_type;     private $file_name;     private $file_handle;     private  $file_path;     function create(
tomcat8下面jndi配置bug
i saw you walking in the rain
04-19 482
tomcat8下面配置oracle的jndi，驱动版本必须高于ojdbc6 ，否则会报抽象方法错误。
js实现sql中的groupby 功能，并提供几个聚合函数
i saw you walking in the rain
07-24 473
写这段代码的目的呢，有两个，第一个是实现在前端页面对数据进行groupby，第二个就是练习我对函数式编程的理解。我不是一个前端程序员，学习函数式编程模式，主要是为了提高自己平时写代码的内聚性和降低耦合，减少代码复制。代码中有使用了一处for，这个在纯函数式编程中，是不能有的。另外，这个版本还有一个问题，就是avg求出来的值是不对的，暂时没有想好avg应该如何实现。
从零开始学习HTML、CSS和JavaScript
学习HTML、CSS和JavaScript是Web开发的基础，这三者结合可以创建出功能丰富、视觉吸引的网页。CSS负责样式和布局，JavaScript处理交互和动态功能，而HTML则构建页面的基本结构。从零开始掌握这些技术，将能够构建出...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值