html 仿百度百科导航下拉菜单功能，具体代码如下所示： 演示图1<!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=utf-8" /> <title>html+CSS仿百度百科导航下拉菜单</title> <link href="css/style.css" rel="stylesheet" type="te...
最近公司安排做CCFA的一些东西，有一项就是做一个网页播放摄像头的实时监控。网上百度了很久，很多都是直接用vlc插件实现，但是目前主流浏览器都已经不支持vlc插件了，搞了很久也没成功。 网上大多是这么实现的：<object type=application/x-vlc-plugin id=vlc events=True width="720" height="540" pluginspage="http://www.videolan.org" codebase="http://downloads.videolan.org/pub/videolan/vlc-webplugins/2.0.6/npapi-vlc...
最近在搞一个被很多人改了的框架，天天看代码看的头的晕了，不过感觉进步还挺大的，自己做了一个后台可配置前台查看两个库不同数据范围的东西，还挺满意，那天拿出来分享一下，今天先说一个这几天做的功能，就是html页面的查找功能。 这个功能主要是实现在查找框内输入字符，之后按后面的上一个下一个按钮，会自动把查询区域内的匹配字符用特殊的样式标记，之后可以继续按上一个下一个按钮把按照顺序浏览匹配字符，并把当前匹配的字...
在写web项目的时候，遇到简介页面有一个单独的简介视频，只有这一个短短的视频所以没有使用任何video组件，所以运用原生video标签就想解决问题。 虽然简介视频是非付费的，但也不希望会有下载按钮或者可以视频另存为，所以找到一个可以看上去没有下载功能的方法，做一下笔记。想要隐藏以上下载按钮，三个样式就可以了，不废话直接贴代码：video::-internal-media-controls-download-button {display:none; } video::-webkit-media-...
简介 最近在做大作业的时候需要做一个弹幕播放器。借鉴了一下别人的源码自己重新实现了一个，演示如下主要的功能有 发送弹幕 设置弹幕的颜色，速度和类型 显示弹幕 已知缺陷： 不能全屏 canvas没有做自适应 没有自定义播放器控件 没有根据播放时间显示相应的弹幕 弹幕不能实现悬停 已知的缺陷以后会进行改进。网上能找到的弹幕播放器的源码一般只做了滚动的弹幕而没有做静止的弹幕，这里我特意加上了静止弹幕的实现。 Canvas绘制...
效果图：1.引入文件<script src="js/jquery-1.10.1.min.js"></script> <link rel="stylesheet" href="Public/css/jquery-ui.min.css"> <script src="js/jquery-ui.min.js"></script> 2.给元素附上sortable类<tbody class="sortable"> <tr></tr> <tr></tr> </tbody> 3.开启并配置$(function() { $(".sortable").sortable({ cursor: "move", items: "tr", //只是tr可以拖动 opacity: 0.6, //拖动时，透明度为0.6 rev...
自己最近写了一个网页多图上传的脚本,感觉挺实用的,细节就不要说了,直接贴代码了~<head> <style> .pro_img{ margin-left:10px;margin-top:10px;width:300px;height: 300px;background-color: black; --border-radius:999em; overflow:hidden;float:left; --margin:5% 35%;position: relative;} .pro_img img{ position: absolute;left: 50%;top:50%; transform: translate(-50%,-50%);width: 100% } .pro_img {position:relativ...
可以用html5中的属性 < input ="text" placeholder="你想输入的内容" > 也可以用js做到 加css样式 代码如下: <style type="text/css"> .in_search { border:1 none; color:#999999; float:left; font-size:14px; height:18px; line-height:18px; margin:3px 2px; width:253px; } </style> <input name="q" class="in_search" onfocus="if(this.value==请输入你想要输入的内容){this.value=;}" onblur="if(this.value==){this.value...
新项目基本告一段落，第一次完成前后端分离的集成，遇到的坑自然不少。 来说说第一天遇到的其中一个坑吧。 ——关于下载的问题。。。 以前的做法，大家都喜爱用<a></a>标签吧。而我一开始也是用a标签，href属性放在图片的地址来模拟下载的功能。结果发现，这个鬼东西，你点击他，直接是打开一张新图片，并不是下载的意思。 然后，我看了一篇文章，又打开了本宝宝的新世界大门。 download属性 <a>标签必须有href的属性。浏览器将自动...
把下面代码拷贝到dreamweaver 的代码区域，预览时可以显示下面图片，实现了图片展示的功能 代码如下: <!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" /> <style type="text/css"> 代码如下: <!--下面定义了css样式，包括...
按字母顺序排列 DTD：指示在哪种 XHTML 1.0 DTD 中允许该标签。S=Strict, T=Transitional, F=Frameset. 标签全称描述DTD<!--...--> 定义注释。STF<!DOCTYPE> 定义文档类型。STF<a>anchor定义锚。STF<abbr>abbreviation定义缩写。STF<acronym>acronym定义只取首字母的缩写。STF<address>address定义文档作者或拥有者的联系信息。STF<applet>applet不赞成使用。定义嵌入的 applet。TF<area>area定义图像映射内部的区域。STF<b>blod定...
官方网站：http://code.google.com/p/zen-coding/ 相信大家现在已经对zen coding有些熟悉了，甚至不少人已经在项目中熟练使用它了，自从我们发表介绍zen coding的文章以来，zen coding已经改进很大，也有些比较有用的资源更新，在这里我就share给大家： zen coding前些天升级到了0.6版本，新增了几项小功能，这里不再赘述，感兴趣的同学可以更新自己用的相应的插件； zen coding官方有个速查手册(PDF)，很全面，严重推荐； zen cod...
现在我们可以用input的一个属性autocomplete。 这是一个关闭自动完成的示例： <input type="text" name="test" autocomplete="off" /> 这个属性虽然不属于XHTML标准，但IE以及Mozilla都支持，也许不久后也会加入到标准当中吧。
带有图片预览功能的上传表单，完整的HTML代码如下所示<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>带有图片预览功能的上传表单jb51.net</title> <script> function viewmypic(mypic,imgfile) { if (imgfile.value){ mypic.src=imgfile.value; mypic.style.display=""; mypic.border=1; } } </script> </head> <body> <center> <form > <input name="imgfile" type="file" id="img...
在浏览器能处理下一代的 XHTML 之前先从这个更丰富的内容结构中获利XHTML 2 规范尚未完成，但是它相对 XHTML 1 已经具有了许多优势，其中包括更丰富的结构特性，这使得 XHTML 2 作为一种编辑格式将比其前任能更好地充当单一资源发布系统的中心模式。执行大型或小型发布的人们现在就可以开始使用 XHTML 2 的新特性，而不必等待浏览器提供它的新用户接口特性的支持。大约在一年以前，一个行业标准小组要我介绍一下 XHTML2 可能对发布...