项目中需要将后台浏览器的窗口全屏，也就是我们点击一个按钮要实现按F11全屏的效果。 在HTML5中,W3C制定了关于全屏的API，就可以实现全屏幕的效果，也可以让页面中的图片，视频等全屏目前只有google chrome 15 +, safri5.1+,firfox10+,IE11支持 全屏 var docElm = document.documentElement;//W3C if (docElm.requestFullscreen) { docElm.requestFullscreen(); }//FireFox else if (docElm.mozRequestFullScreen) { docElm.mozReq...
效果图如下所示：HTML：<input type="button" value="获取验证码"> CSS：input[type=button]width: 150px;height: 30px;background-color: #ff3000;border: 0;border-radius: 15px;color: #fff;}input[type=button].on {background-color: #eee;color: #ccc;cursor: not-allowed;} JavaScript：$("input[type=button]").click(btnCheck);/*** [btnCheck 按钮倒计时常用于获取手机短信验证码]*/function btnCheck() {$(this).addCla...
是的！你没看错！还是轮播图。这次的JQuery的哟！！ CSS代码： /*轮播图 左右按钮 小白点*/#second_div{margin-top: 160px;}.img_box{overflow: hidden;width:100%;height:420px;border:1px solid;position:relative;} .img_box img{width:100%;position:absolute;} .ul5{list-style: none;position:absolute;left:580px;top:565px;} .ul5 li{float:left;margin-left:20px;width:40px;height:5px;border:0px;background:lawngree...
本文实例为大家分享了js+html5实现点击复制文字的按钮，供大家参考，具体内容如下 图片展示：注意css中的样式，有些页面复制不成功就是没有添加那一句造成的。 代码块 <!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><style type="text/css">*{-webkit-user-select: auto;}</style><body><span id="content">你好，好久不见！</span><button id="copyBT">复制</button><script>function...
今天做的上传图片，点击图片删除。 随机给图片id，获取图片id，然后删除图片。 由于图片id是随机的，用点击img或者点击class，获取id都不行，最后用onclick事件获取。 js代码如下： $("#pic").append("<img style=width:70px;margin:5px;height:70px; id="+num+" onclick=upimg() src=\"" + images.localId + "\" />");开始这样获取：function upimg(){var id= $(this).attr("id");alert(id);}不行。后来用：function upimg(){aler...
新学习JavaScript，就碰到这么一个需求，几乎网上的方法都试过了。写出了总结下 使用的方法：clipboard 插件下载地址：https://github.com/zenorocha/clipboard.js/tree/master 引入插件：目录\clipboard.js-master\dist\clipboard.min.js 目录中有各种demo，分别实现了固定的文字复制，input的复制等等，可以看下找找思路； 下边来记录下使用的方式： 一：引入插件： <script src="js/clipboard.min.js" type="text/javascript"><...
项目中需要将后台浏览器的窗口全屏，也就是我们点击一个按钮要实现按F11全屏的效果。 在HTML5中,W3C制定了关于全屏的API，就可以实现全屏幕的效果，也可以让页面中的图片，视频等全屏目前只有google chrome 15 +, safri5.1+,firfox10+,IE11支持 全屏 var docElm = document.documentElement;//W3C if (docElm.requestFullscreen) { docElm.requestFullscreen(); }//FireFox else if (docElm.mozRequestFullScreen) { docElm.mozReq...
删除帖子和锁定帖子都需要填写拒绝原因，共用一个窗口，和按钮，按钮绑定不同的事件： title = '删除帖子(屏蔽、不显示)'; 代码如下:$(#btn_ok, #div_deny_reason).bind(click, function(){edit(if_show, 0);}); title = 锁定帖子; $(#btn_ok, #div_deny_reason).bind(click, function(){edit(if_lock, 1);}); 结果，锁定帖子之后，再删除帖子，会执行edit()2次。 改为如下就好了： 代码如下:title = 删除帖子(屏蔽、不显示); $...
在写web项目的时候，遇到简介页面有一个单独的简介视频，只有这一个短短的视频所以没有使用任何video组件，所以运用原生video标签就想解决问题。 虽然简介视频是非付费的，但也不希望会有下载按钮或者可以视频另存为，所以找到一个可以看上去没有下载功能的方法，做一下笔记。想要隐藏以上下载按钮，三个样式就可以了，不废话直接贴代码：video::-internal-media-controls-download-button {display:none; } video::-webkit-media-...
html代码：<a onclick="goMessage();" style="width: 60px;height: 100%;color: white;background: transparent;" href="#" class="easyui-linkbutton" data-options="iconCls:fa fa-bell-o fa-2x,size:large,iconAlign:top">消息<span id="msgNum" class="ii">4</span></a>css代码：/*角标 */.ii{display: none;background: #f00;border-radius: 50%;width: 20px;height: 20px;top: 5px;right: 0px;position: absolute;text-alig...
点击按钮文字变成input框,点击保存变成文字的实现代码XML/HTML Code复制内容到剪贴板<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta charset="utf-8"> <title>点击按钮文字变成input框，点击保存变成文字</title> <style type="text/css"> table{ text-align: center; font-size: 14px;} table>thead>tr>th{ font-weigh...
之前一直看到有人在问，单选按钮和多选按钮怎么加样式、怎么把按钮变大？下面把我做的一个例子分享出来。 1.首先把按钮做成图片 2.html页面 代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(function(){ $("input[type=checkbox]").click(function(){ ...
我们在做表单的时候往往会设置一个提交按钮和一个重置按钮，有时可能会为了页面的好看而使用一些小图片来代替这些按钮，对于提交按钮使用图片的方法非常简单，相信大家都会。那么如何使用图片按钮作为重置(reset)表单按钮呢？请接着往下看。 这里假设我有两个图片：提交按钮图片ok.gif、重置按钮图片reset.gif 用图片作为提交表单的代码为：<input type="image" src="ok.gif" alt="" width="93" height="33" border="0" /> 用图片作...
包括复选框，单选按钮的使用 代码如下: <!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" /> <title>登录界面</title> </head> <body> <h1> <strong>登录界面</strong> </h1> <form name="f1" id="f1"> <table border="0" ...
本文总结一下一些基础页面元素的实现方式，后续陆续更新。首先我们遇到最多的可能是按钮的切图，按钮可能有很多种外观，但是一般可分为纯文字的和带图标的按钮，下面就来说说这两种按钮的实现方法。效果图如下：代码如下：XML/HTML Code复制内容到剪贴板</pre><pre name="code" class="html"><!DOCTYPE html> <html lang="zh-CN"> <head> <title>按钮写法</title> <meta charset="UTF-8"> <meta http-eq...