就不给大家多文字说明了。给大家梳理下关键步骤。 关键步骤： 1、引入js文件 <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src=js/jquery.thoughtBubble.js></script>2、在需要使用气泡效果的地方 <div id=mainContainer class=container> <img src=ahout.JPG id="thoughtBubble" alt=whats up? /> </div>3、使用气泡效果 <script type="text/javascript"> $(window).ready( ...
废话不多说，直接上代码： 核心代码如下所示： <div style="padding-left: 30px; margin-bottom: 8px; margin-top:5px; "> <div> <a title="分享到" href="http://www.bShare.cn/" id="bshare-shareto">分享到</a> <a title="分享到QQ空间">QQ空间</a> <a title="分享到新浪微博">新浪微博</a> <a title="分享到人人网">人人网</a> <a title="分享到腾讯微博">腾讯微博</a> <a title="分享到豆瓣">豆瓣</a> <a title="更多平台" cl...
本文实例为大家分享了js实现select二级联动下拉菜单，供大家参考，具体内容如下<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML><HEAD><TITLE> New Document </TITLE><...
最近几天做了一个项目，原来是用css3动画做的，由于不兼容IE，改成用js做了，特此分享给大家，供大家参考，代码有bug欢迎提出，写的不好还请见谅! <!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>...
从09年左右开始，MVC逐渐在前端领域大放异彩，并终于在刚刚过去的2015年随着React Native的推出而迎来大爆发：AngularJS、EmberJS、Backbone、ReactJS、RiotJS、VueJS…… 一连串的名字走马观花式的出现和更迭，它们中一些已经渐渐淡出了大家的视野，一些还在迅速茁壮成长，一些则已经在特定的生态环境中独当一面舍我其谁。但不论如何，MVC已经并将持续深刻地影响前端工程师们的思维方式和工作方法。 很多讲解MVC的例子都从一个具体...
现在的浏览器越来越多，这就使得网页设计的兼容性要求越来越高，像常用的设为首页、加入收藏代码，一般的虽然简洁，但兼容性却非常不好，加入收藏和设为首页代码几乎各个网站都在头部放上一个，有没有效果先不管，需求应该是有的。但是由于浏览器的兼容性问题，之前用的很多代码都失去效果，下面就给出一段能够兼容各个浏览器的代码，也不能够算是兼容，只能说在不支持的浏览器中能够给出提示，代码如下:<!doctype html> <html> <h...
在网上有很多这样的代码，不过未必符合W3C标准，因为在头部加上<!DOCTYPE html>类似标签之后，漂浮效果就会失效，下面分享一个符合标准的漂浮代码，使需要的朋友免去大量改造代码的繁琐。代码一： 代码如下:<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>漂浮广告代码</title> <style type="text/css"> #thediv {z-index:100; position:absolute; top:...
有很多人在做微信的扫一扫下载。但是在微信更新之后微信将该功能给禁止掉了，也不能说是全面禁止吧，因为腾讯、微信是一家嘛，通过应用宝审核的应用好像还是可以通过扫一扫直接下载的。但是要通过审核的话还是需要时间的，那么用下面这一段（上干货）来解决吧，通过做一个引导页来实现，将该页面的url生成为一个二维码 （我使用的是草料二维码生成器）。判断是否为微信的内核来做引导下载，如果是直接使用浏览器（如：uc）打开的，...
这个代码放在PC模板的代码里面<script type="text/javascript"> //平台、设备和操作系统 var system ={ win : false, mac : false, xll : false }; //检测平台 var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac") == 0; system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); if(system.win||system.mac||system.xll){ }else{ window.location.href="手机网址"; }...
比如，一些网站上的手机短信认证的功能，有类似实现点击按钮后，倒计时60秒才能再次点击发送的效果。 此例子用Javascript实现点击按钮后，倒计时60秒才能再次点击发送验证码的功能。 例子1：Javascript 实现 点击按钮 倒计时60秒方可再次点击发送的效果 <input type="button" id="btn" value="免费获取验证码" /> <script type="text/javascript"> var wait=60; function time(o) {if (wait == 0) {o.removeAttribute("disabled");...
本文实例分享了纯js代码实现简单计算器代码，相信大家会喜欢。具体如下： 运行效果截图如下：具体代码如下： <!DOCTYPE html> <html><head><title> new document </title> <script type="text/javascript">function count(){var txt1 = parseInt( document.getElementById(txt1).value);//获取第一个输入框的值var txt2 = parseInt( document.getElementById(txt2).value);//获取第二个输入框的值var select = document.getEleme...
废话不多说了，直接给大家贴js实现点击图片显示原图片的代码，具体代码如下所示： function DrawImage(ImgD){var image = new Image();image.src=ImgD.src;var width = $(ImgD).attr("width");var height = $(ImgD).attr("height");if(width >100 && height>80){ImgD.width=100; ImgD.height=80;ImgD.alt=image.width+""+image.height;}else{if(image.width>0 && image.height>0){flag=true;if(image.width>300 || image.height>20...
先给大家展示效果图：先看页面代码，列表的嵌套： <div id="menuDiv"><ul id="menu"><li class="parentLi"><span>B</span><ul class="childrenUl"><li class="childrenLi"><span>C</span></li><li class="childrenLi"><span>C</span></li><li class="childrenLi"><span>C</span></li></ul></li><li class="parentLi"><span>B</span><ul class="childrenUl"><li class="childrenLi"><span>C</span></li><li class="childrenLi"><spa...
分享一款支持PC端手机端幻灯片代码是一款支持移动触摸，支持鼠标拖拽切换，支持带进度条的自动播放模式。交果图如下 ：效果演示 源码下载 html代码： <div class="flex"><ul class="slides"><li data-title="Slide 1"><img alt="" src="img/beasts_feature.jpg"></li><li data-title="Slide 2"><img alt="" src="img/element-taiwan-thmb.jpg"></li><li data-title="Slide 3"><img alt="" src="img/streets-newyork.jpg"></...
废话不多说了直接给大家贴代码了。 代码如下： <script language="JavaScript"> <!-- //js禁用某些键的代码 //www.gxlcms.com function key(){ if(event.shiftKey){ window.close();} //禁止Shift if(event.altKey){ window.close();} //禁止Alt if(event.ctrlKey){ window.close();} //禁止Ctrl return false;} document.onkeydown=key; if (window.Event) document.captureEvents(Event.MOUSEUP); function nocontextmenu(){ ev...