当前位置: 首页 > 编程日记 > 正文

视频分享网站首页:最新视频特效

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

<!DOCTYPE>
<html>
<head><title></title><style>.newVideo{width:208px;height:116px;border:0px solid #000; position:relative;cursor:pointer;}.newVideoImg{position:relative;width:100%;height:100%;}.newImg{width:208px;height:116px;}.newMask{position:absolute;left:0; top:0; width:100%; height:100%;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);opacity:0;}.hotsLonger{font-weight:bolder; font-size:12px;color:#FFFFFF;}.newAdd{position:absolute;z-indent:2;left:188px;top:95px; background-color:#737372;}.newVideoMeg{position:absolute;z-indent:2;left:169px;top:91px; background-color:#737372; padding:3px;}</style></head>
<body>
<div class="newVideo"><div class="newVideoImg">    <img src="drfIMG.jpg" class="newImg"/><img src="mask.png" class="newMask" title="行车记录仪"/><div class="newVideoMeg">        <font class="hotsLonger">20:19</font></div><!-- 添加 --><div style="display:none" class="newAdd"><img src="add.png"/></div></div>
</div>
<hr>
<div class="newVideo"><div class="newVideoImg">    <img src="drfIMG.jpg" class="newImg"/><img src="mask.png" class="newMask" title="行车记录仪"/><div class="newVideoMeg">        <font class="hotsLonger">20:19</font></div><!-- 添加 --><div style="display:none" class="newAdd"><img src="add.png"/></div></div>
</div>
<script type="text/javascript">
var newVideo = document.getElementsByClassName("newVideo");
var newMask = document.getElementsByClassName("newMask");
var newVideoMeg = document.getElementsByClassName("newVideoMeg");
var newAdd = document.getElementsByClassName("newAdd");
for(var i=0;i<newVideo.length;i++){/*之所以用到闭包,原因是:内部函数在使用外部变量时使用引用的方式,其实相当于java中的引用传递,而非值传递。传递进来的引用只相当于一个指针,指向的是一个内存地址,这个内存地址存放的才是具体的值,而外面的循环会不断的修改这个存放地址中的值,所以最后循环结束之后,参数的值只能找到最后一个。 */(function(){var p = i;newVideo[p].onmouseover = function(){newVideoMeg[p].style.display = "none";newAdd[p].style.display = "";newMask[p].style.opacity = "1";newMask[p].style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=50)"}newVideo[p].onmouseout = function(){newVideoMeg[p].style.display = "";newAdd[p].style.display = "none";newMask[p].style.opacity = "0";newMask[p].style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=0)"}})(); 
}
</script>
</body>
</html>

转载于:https://my.oschina.net/hehongbo/blog/351412

相关文章:

Metasploit攻击Oracle的环境搭建

Metasploit中关于Oracle的攻击模块默认并不完全&#xff0c;需要自己做一些工作。本文主要记录在搭建环境的中的一些错误&#xff08;操作系统Backtrack 5&#xff09;。在默认情况下使用oracle的一些攻击功能会出现类似如下错误&#xff1a;ary module execution completed m…

jQuery / jQuery mvc plugin

jMVC专为 Qt WRT 设计。Qt WRT 将随新版Qt发布&#xff0c;支持 Symbian ^3 和 Meego 设备。jMVC 采用延迟加载设计&#xff0c;代码分布在不同的.js文件中&#xff0c;调用时通过xhr加载。 在web环境中会严重影响性能&#xff0c;所以jMVC不适合开发web site。目前大部分web b…

【转发】什么时候该用委托,为什么要用委托,委托有什么好处

好多人一直在问:什么时候该用委托,为什么要用委托,委托有什么好处.... 看完下面的文章你将茅塞顿开..(看不懂的直接TDDTDS) 概念虽然我不喜欢讲太多 我们直接先来YY 个场景:我很喜欢打游戏,但运气不好每次打游戏都会被主管看到,朱老板不喜欢他的员工在上班的时 间打游戏,所以朱…

一位合格软件工程师应该具备怎样的工程化、交付能力?

大厂待遇高、福利也好相信很多同学都对大厂有着向往&#xff0c;然而现实却是......有的同学成功拿到offer进入大厂&#xff0c;有的同学还在为备考大厂迷茫苦恼着&#xff1a;我之前从未面试过&#xff0c;这次冒险投了字节&#xff0c;几乎是抱着积累经验和技术交流的心态去了…

Flex通信-Java服务端通信实例

Flex与Java通信的方式有很多种&#xff0c;比较常用的有以下方式&#xff1a; WebService&#xff1a;一种跨语言的在线服务&#xff0c;只要用特定语言写好并部署到服务器&#xff0c;其它语言就可以调用 HttpService&#xff1a;通过http请求的形式访问服务器 RmoteObject&am…

jQuery性能优化指南

1&#xff0c;总是从ID选择器开始继承 在jQuery中最快的选择器是ID选择器&#xff0c;因为它直接来自于JavaScript的getElementById()方法。 例如有一段HTML代码&#xff1a; <div id"content"> <form method"post" action"#"> &l…

速度快到飞起 如何跟蜻蜓的大脑学习计算?

编译 | 禾木木 出品 | AI科技大本营(ID:rgznai100) 科学家研究了其中一种大型昆虫蜻蜓的大脑&#xff0c;希望利用这些昆虫的专长来设计计算系统&#xff0c;这些系统针对拦截来袭导弹或跟踪气味羽流等任务进行了优化。通过利用蜻蜓神经系统的速度、简单性和效率&#xff0c;目…

Python、Unicode和中文

python的中文问题一直是困扰新手的头疼问题&#xff0c;这篇文章将给你详细地讲解一下这方面的知识。当然&#xff0c;几乎可以确定的是&#xff0c;在将来的版本中&#xff0c;python会彻底解决此问题&#xff0c;不用我们这么麻烦了。先来看看python的版本&#xff1a;>&g…

提高mysql性能的开源软件

今天发现一个开源软件,看介绍可以提高mysql的性能,这个东西就是Google的开源TCMalloc库,于是拿来装了下看看效果.这个软件下载地址是:http://code.google.com/p/google-perftools/downloads/list,我用的是最新版的google-perftools-1.4.tar.gz.1.安装过程:#tar zxvf google-per…

一款比较实用齐全的jQuery 表单验证插件

一款比较实用,并且验证类型齐全的jQuery表单验证插件.英文版原作者Vanadium,由我做中文整理.E文水平有限,如果翻译的有问题的,请大家指出,在此感谢~可以验证哪些? 文字,日期,邮箱,网址,数字,AJAX用户名验证以及自定义的正则等等几乎所有我们要用到的验证.不多说,看DEMO吧: 点此…

[原]VS2012编译GLEW 1.11

1、到http://glew.sourceforge.net/下载源代码 2、使用vs2012打开build下vc6的glew.dsw &#xff0c;自动生成2012工程&#xff08;一路点确定&#xff09;特别注意&#xff1a;不要使用build下的vc12之类的 本人亲测不好使 坑了我很久 3、直接生成解决方案&#xff0c;会在根目…

长相酷似小强的小米「铁蛋」机器狗,售价 9999 元,打滚唱跳会空翻

整理 | 禾木木 出品 | AI科技大本营(ID:rgznai100) 8月10日晚&#xff0c;雷军年度演讲及小米秋季发布会在线上召开&#xff0c;此次发布会足足讲了三个小时&#xff0c;不仅介绍了小米的目前市场状况&#xff0c;还分享了新品以及小米机器人实验室的第一款产品——机器狗「铁…

java中图片文件的判断

javax.imageio 类 ImageIO BufferedImage bi ImageIO.read(resFile);//resFile --- InputStreamif(bi null){ System.out.println(此文件不为图片文件); }try {//判断是否为图片文件并且返回图片的格式&#xff01;ImageInputStream iis ImageIO.createImageInputStream(o)…

jQuery中常用的函数方法总结

jQuery中为我们提供了很多有用的方法和属性&#xff0c;自己总结的一些常用的函数&#xff0c;方法。个人认为在www.21kaiyun.com的紫微斗数星座在线排盘开发中会比较常用的&#xff0c;仅供大家学习和参考。 事件处理 ready(fn) 代码&#xff1a;$(document).ready(functi…

使用editcap命令将ERF格式转换为pcap格式

editcap是Wireshark的一个组件&#xff0c;在Windows平台下&#xff0c;只要完成Wireshark的安装&#xff0c;就可以在安装目录中看到editcap.exe。editcap.exe需要在命令行中使用。 对于用Endace DAG捕捉卡捕获的数据包&#xff0c;一般来说&#xff0c;都是erf格式的。ERF格式…

中关村开源创新大赛-达闼赛道如火如荼进行中

导语为庆祝中国共产党成立100周年&#xff0c;中关村软件园携手云端机器人运营商达闼&#xff0c;联合举办了中关村开源创新大赛-达闼赛道&#xff0c;暨“不忘初心 AI创时代”达闼智能服务机器人编舞大赛。在小姜的灵动舞姿下&#xff0c;今天&#xff0c;达闼赛道正式启动&am…

国际版Azure搭建Windows多种类型×××_三.配置SSTP ×××连接服务

安全套接字隧道协议&#xff08;SSTP&#xff09;是一种新的***隧道形式&#xff0c;具有允许流量通过阻止PPTP和L2TP / IPsec流量的防火墙的功能。 SSTP提供了一种在HTTPS协议的SSL通道上封装PPP流量的机制。 PPP的使用允许支持强认证方法&#xff0c;如EAP-TLS。 使用HTTPS意…

超强的jquery极品插件--色彩选择器类/ 右键菜单类/ 图片新闻flash展示类

Farbtastic Farbtastic是一个color picker插件。它能够在一个页面中加入多个颜色选择控件&#xff0c;然后每个控件关联到页面中的一个元素比如&#xff1a;文本输入框。FarbtasticjQuery Color Picker 21世纪开运网在线排盘星座就成功运用这些技巧&#xff0c;www.21kaiyun.co…

张口闭口就是焦虑,现在的程序员怎么了?

【CSDN 编者按】在网上&#xff0c;我们经常会看到各类程序员的吐槽&#xff0c;学历焦虑、大厂焦虑充斥着手机屏幕&#xff0c;本文作者从这一角度出发&#xff0c;用质朴的文字告诉年轻一代程序员一个事实&#xff1a;慢慢走好编程每一步&#xff0c;不要害怕更不用着急&…

epoll 的实现原理以及与poll,select 的对比

最近面试的时候 被问到epoll的问题&#xff0c;就下来查一查&#xff0c;看到有篇文章不错&#xff0c;就记录下来&#xff0c;供大家参考学习。 以一个生活中的例子来解释. 假设你在大学中读书,要等待一个朋友来访,而这个朋友只知道你在A号楼,但是不知道你具体住在哪里,于是你…

js 字符串转换成数字的 三种方法

在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b.value,因为他们都是字符串形式的.在网上找了一下js字符串转数字的文章,这个比较全方法主要有三种 转换函数、强制类型转换、利用js…

Web 开发与设计之 Google 兵器谱

Google 的使命是 Web&#xff0c;在 Google 眼中&#xff0c;未来的一切应用都将 Web 化&#xff0c;一直以来&#xff0c;Google 为 Web 开发与设计者推出了大量免费工具&#xff0c;让他们更好地创建&#xff0c;维护&#xff0c;改善他们的 Web 站点&#xff0c;这些工具包含…

html5新标签使用

HTML 5 视频标签<video> <video width"320" height"240" controls"controls"><source src"/i/movie.ogg" type"video/ogg"><source src"/i/movie.mp4" type"video/mp4">Your b…

调查:“AI红娘”来了,有一半人选择相信TA

作者&#xff1a;REN来源&#xff1a;数据实战派七夕AI红娘来了前言你会相信人工智能&#xff08;AI&#xff09;给你推荐的约会对象吗&#xff1f;最近&#xff0c;卡巴斯基的一项全球调查显示&#xff0c;在使用交友或约会软件时&#xff0c; 44% 的受访者愿意接受 AI 或算法…

Mysql技术内幕——InnoDB存储引擎

一&#xff0e;mysql体系结构和存储引擎 1.1、数据库和实例的区别 数据库&#xff1a;物理操作系统或其他形式文件类型的集合。在mysql下数据库文件可以是frm&#xff0c;myd&#xff0c;myi&#xff0c;ibd结尾的文件。 数据库实例&#xff1a;由数据库后台进程/线程以及一个共…

jQuery插件开发 - 其实很简单

【前言】jQuery已经被广泛使用&#xff0c;凭借其简洁的API&#xff0c;对DOM强大的操控性&#xff0c;易扩展性越来越受到web开发人员的喜爱&#xff0c;我在社区也发布了很多的jQuery插件&#xff0c;经常有人询问一些技巧&#xff0c;因此干脆写这么一篇文章给各位jQuery爱好…

直接选择排序算法

直接选择排序算法 1、选择排序 #include <stdio.h> #include <stdlib.h> #define N 5 //排序的数据个数 typedef struct Num {int data[N-1];int length; }Num;int main(int argc, char *argv[]) {int i,j,min;struct Num La;printf("请输入您要排序的数字序…

大厂的面试官是如何挑人的?

马上就又要到金九银十求职的黄金期了&#xff0c;最近找了很多资深面试官聊天&#xff0c;他们说其实他们每天都要面试考核很多应聘者&#xff0c;但是通过的人却寥寥无几。。为了帮助大家更好的了解大厂面试的知识方向&#xff0c;特别拿出了某大厂大佬整理的非常全面的大厂 A…

使用Mono管理Coyote Linux

Coyote是一个个人防火墙配置Linux的目的是为了保护家庭或教育网络. 这个防火墙产品牌的个人及教育用途,并提供免费下载&#xff1a;http://coyotelinux.com/ CoyoteLinux uses Mono for syadmin tools http://www.coyotelinux.com.cn/index.htm 本文转自 张善友 51CTO博客&…

介绍几款浏览器兼容性测试工具

昨天和朋友聊到了有关浏览器兼容性的问题&#xff0c;在开发中有时的确很让人苦恼&#xff0c;我向他推荐了几款测试浏览器兼容的工具&#xff0c;分享给大伙&#xff0c;有什么更好的工具或是解决方法还希望大家拿出来晒一晒。 IETester 这是我最先用的测试浏览器兼容性的工…