这篇文章主要介绍了javascript 开发之网页兼容各种浏览器的相关资料,这里提供了几种方法帮助大家掌握这样的功能,需要的朋友可以参考下javascript 开发之网页兼容各种浏览器前言:关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助.一、CSS HACK以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important的支持, !important 方法...
网页换肤效果简单的换肤 蓝 红 绿<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script>function changeColor(str){var body = document.getElementById("b");body.style.backgroundColor = str;} </script></head><body id="b" ><button onclick="changeColor(blue)">蓝色</button><button onclick="changeColor(red)">红色</button><button onclick="changeColor(green)">绿色</button></body>...
1: getCode.js/** * 产生随机数的函数 */function validateCode(n){ //验证码可能包含的字符 var s="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"; var ret=""; //用于保存生成的验证码 //利用循环,随机产生生成验证码的每一个字符 for(var i=0;i<n;i++) { var index = Math.floor(Math.random() * 62); //随机产生一个0~62之间的数字 ret += s.charAt(index);//将随机产生...
使用request对象中的sendRedirect()方法实现重定向(网页跳转)到另一个页面。格式:request.sendRedirect("*.jsp");与转发<jsp:forward page=""/>的区别:前者可以跳转到任一个地址的页面,后者只能在本网站内跳转。前者带着request中的信息跳 转,后者不带。示例:用户在登录界面输入登录名和密码,输入正确和错误分别跳转到不同的页面。代码:login.jsp<%@ page language="java" import="java.util.*" pageEncodi...
网页性能优化1. 图片优化1.1 样式代替图片 例如:半透明、圆角、阴影、高光、渐变等。这些效果主流的浏览器都能够完美支持,而对于那些低端浏览器,我们并不会完全抛弃他们,“渐进增强”则是一个很好的解决方案。 1.2 精灵图 CSS Sprites,将同类型的图标或按钮等背景图合到一张大图中,减少页面请求。 1.3 字体图标 Icon Font,将图标做成字体文件。优点是图标支持多个尺寸,兼容所有浏览器,减少页面请求等。美中不足的是只支持...
前端是庞大的,包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的,针对方方面面的资源都有不同的方式。那么,前端优化的目的是什么 ? 1. 从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。 2. 从服务商角度而言,优化能够减少页面请求数、或者减小请求所占带宽,能够节省可观的资源。 总之,恰当的优化不仅能够改善站点的用户体验并...
这篇文章主要介绍了JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法,涉及javascript窗口的相关操作函数与使用技巧,需要的朋友可以参考下本文实例讲述了JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法。分享给大家供大家参考,具体如下:在一些不正规的网站,尤其是那些挂满广告的下载站,经常在你点击的下载链接之前,无论你点击网页的任何一处都会弹出新窗口。这样的效果,可以轻松用JavaScript做到,还可...
1、禁止右键菜单 <script type="text/javascript" language="javascript"> function noMenuTwo(){if(event.button == 2){alert(禁止右键菜单!);return false;} } document.onmousedown = noMenuTwo; //或者 <p oncontextmenu="return false"></p> </script>2、禁止复制(Ctrl+C) <script type="text/javascript" language="javascript"> function noCopy(){alert("禁止使用Ctrl+C进行复制操作!");event.returnValue = false; } </sc...
更改网页鼠标样式是一个很简单实用的小技巧一般常用到的就是以下两种更改默认样式body {cursor:url(img/moe.cur),auto;}更改指向超链接的样式a {cursor:url(img/moe.cur),auto;}注:url()里面的地址既没有‘’也没有“”,auto必须写上去。以上就是如何制作网页鼠标指针样式的详细内容,更多请关注Gxl网其它相关文章!
<script>//定时器setInterval(function(){//获得页面标题,是string类型var oldTitle=document.title;//转换为数组类型var titleArr=oldTitle.split();//使标题的字符产生位置的变化titleArr.push(titleArr.shift());//连接为字符串document.title=titleArr.join();},100);</script>//上述代码中利用数组 字符串中的方法进行实现。//熟悉的一切组合起来就是未知的 还是要努力学习啊以上就是js实现网页标题滚动 的详细内容,更多请关...
今天逛掘金浏览到一片有关网页图片优化的文章我先总结下方法: 1. 降低图片的大小2. CSS Sprites(雪碧图)3. 字体图标4. 图片懒加载(lazyload.js)接着,详细解说下:一、降低图片的大小这里主推两个小工具: TinyPNG:网称压缩PNG的神站 (支持png和jpg); 智图 (支持png,jpg,webp),可大大降低图片的大小注:webp是Google于2010年提出了一种新的图片压缩格式,14年又提出了动态WebP,目前只有谷歌内核可支持。刚才有get到...
《传智播客JavaScript网页游戏开发实战视频教程》介绍的是有关游戏的开发实战。本视频不是基础视频教程,所以没有基础的可以先去看看相关的基础视频教程。推荐基础视频教程:《李炎恢Javascript视频教程》《传智播客JavaScript网页游戏开发实战视频教程》讲的是游戏开发,游戏是当下流行的数字游戏《2048》。不是很了解这款游戏的可以先去百度了解一下。了解其玩法才能知道制作的思路。本视频重点就是介绍开发该游戏的逻辑思路。视...
下面小编就为大家带来一篇简单的网页广告特效实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧为了练习javascript,做了一个简单的demo,实现的是广告从顶部慢慢拉出到最大,然后停留2s,再收缩到比较小且可以关闭的广告特效。图片可以替换为任意其他的图片。代码如下<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title></title><style>#ad{width:962px;display:none;marg...
js贪吃蛇网页版游戏特效,经测试图片切换过程非常酷,相信大家一定都玩过这个经典小游戏吧,但是它是怎么实现的呐,感兴趣的朋友快来学习学习吧运行效果图:小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。为大家分享的js贪吃蛇网页版游戏特效代码如下<body><title>js贪吃蛇网页版游戏特效</title></body> <script> Star = {init:function(){var bigDiv = this.appendEle(this.addStyle(this.creatEle(),{w:"900",h:"60...
这篇文章主要介绍了JavaScript编写的网页小游戏,附上全部代码供大家查看,实现了网页的小游戏页面,需要的朋友可以参考下以下为游戏界面:以下为游戏代码:<html> <head><script language="JavaScript"><!-- Original: Nick Young () --><!-- recompose: Pakchoi () -->var timerID = null;var INT = 40;var loadFLG = 0;var gameFLG = 0;var missFLG = 0;var tim = 0;var blcol = new Array(5); // block colorvar blsta = new A...