PHP技术,网站开发,PHP,PHP学习,Python学习,PHP开发,人工智能,大数据服务

文档归类:前端设计

CSS3属性之一:border-radius css圆角2013-05-04

经常用到圆角,现在很多浏览器已经支持圆角了! 语法: border-radius : none | <length>{1,4} [ / <length>{1,4} ]? 相关属性: border-top-right-radius , border-bottom-right-radius , border-bottom-left-radius , border-top-left-radius 取值: <length>:由浮点数字和单位标识符组成的长度值。不可为负值。border-top-left-radius:由浮点数字和单位标识符组成的长度值。不可为负值。  说明: 第一个值是水平半径。 如果第二个值省略,则它等于第一个值,这时这个角就是一个四分之一圆角。 如果任意一个值为0,则这个角是矩形,不会是圆的。 值不允许是负值。 radius,就是半径的意思。用这个属性可以很容易做出圆角效果,当然,也可以做出圆形效果。原理很简单,“正方形的内切圆的半径等于正方形边长的一半”。下面就做一个红色的圆。...
此文被围观1557 分类: 前端设计 标签:  ····

百度地图API调用,PHP地理位置定位2013-05-03

最近手头有一个网站,需要将商家的地址用地图标注出来!首先想到的是百度地图,查了一下百度地图的api这里记录下,供大家研究! 百度地图API地址:http://developer.baidu.com/map/ WEB服务api说明:http://developer.baidu.com/map/webservice-geocoding.htm 看一下根据地名调用百度地图图片代码如下: [html] <div id="optionsNarrative"> </div> <script> function renderOption(response) { var html = ''; if (response.status ) { var text = "无正确的返回结果:\n"; document.getElementById('optionsNarrative').innerHTML = text; return; } var locations = response.result.location; var staticimageUrl = "http://api.map.baidu.com/staticimage?center=" + locations.lng+','+locations.lat + "&markers=&q...

Cocos2d-html5项目目录结构分享说明2013-08-15

今天分享一下一款非常不错的html5游戏引擎:Cocos2d-html5. html5的时代正在来临,其可以方便的运行在多平台上并调用OPENGL 进行图形渲染,大量使用html5开发的2D和3D游戏正在涌现,Cocos2d-x也顺应形势推出了相应的版本,今天我们来学习一下Cocos2d-x在Html5上怎么运行和开发及调试。 打开HelloHTML5World,可以看到以下文件和目录: res:资源图片目录: src:当前程序的js文件目录: main.js:主逻辑js代码文件 index.html:html5网页文件 cocos2d.js:加载Cocos2d-x库的文件 build.xml:编译cocos2d-x的html5平台版本生成的文件清单报告。 .DS_Store:系统目录显示属性存储文件,可以删除。 我们用浏览器直接打开index.html,可以看到: 其源码为: [html] <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Cocos2d-html5 Hello World test</title> <link rel="icon" type="image/GIF" hr...

js滑动效果,PHP学习网滑动门效果2013-04-28

这两天在弄mootools,没有空去看PHP知识,在PHP学习那边转载的文章过来: js滑动效果 [html] <html> <head> <title>【PHP学习网】简易实用,滑动门</title> <meta http-equiv=”Content-Type” content=”text/html; charset=gbk” /> <style type=”text/css”> *{margin:0;padding:0;} a:link,a:visited{text-decoration:none;} a:hover{text-decoration:none;} ul{list-style:none;} .subMenu{background:#333;float:left;padding-top:2px;width:100%;} .subMenu li{float:left;} .subMenu li a{display:block;float:left;color:#fff;height:25px;line-height:25px;padding:0 5px;margin-left:2px;} .subMenu .thisStyle a {background:#fff;color:#000;} .subContent{clear:both;border:2px solid #000;border-top:none...
此文被围观2335 分类: 前端设计 标签:  ······

select动态更改宽度自适应2013-05-04

select备受鄙视,前端中会碰到各式各样的问题,例如: 1,弹出层无法阻挡select 2,宽度,高度受系统影响,甚至连系统主题都影响select的宽高 等等。 今天碰到这样一个问题,后台系统再做3级联动的时候,用jquery的append向select中推拼合好的option,在IE6/7下居然无法自适应宽度。找到的唯一理由是,低版本浏览器无法重绘界面,导致宽度无法自适应,使用的解决方案: 对select先隐藏,后再显示。例如: $(“#SelectID”).hide().show(); 另外一种可能的解决方案是: 使用原生js的options.add向select中添加。 目前还是没有解决,以上测试过了! 转自:http://www.smuwcwt.com/archives/673...
此文被围观2130 分类: 前端设计 标签:  ·····

js获取class,js判断class是否存在2013-04-25

最近看到腾讯的一个页面动态特效还不错!于是就有了某种邪恶的想法:扒下来! 直接上代码 [js] function getClass(tagname, className) { //tagname指元素,className指class的值 //判断浏览器是否支持getElementsByClassName,如果支持就直接的用 if (document.getElementsByClassName) { return getElementsByClassName(className); } else { //当浏览器不支持getElementsByClassName的时候用下面的方法 var tagname = document.getElementsByTagName_r(tagname); //获取指定元素 var tagnameAll = []; //这个数组用于存储所有符合条件的元素 for (var i = 0; i < tagname.length; i++) { //遍历获得的元素 if (tagname[i].className == className) { //如果获得的元素中的class的值等...

js的逻辑运算符 ||,js运算符2013-04-25

js运算符 初次见到这样语句 a=a || [] 还有些纳闷,因为在其他语言中没见过有如此用法。 因而查询一下js的介绍: 1.逻辑或运算符||: 当运算符||的两个运算数都是布尔值,它对这两个运算数执行布尔OR操作。 它先计算第一个运算数,如果这个表达式的值可以被转换成true,那么它就返回左边这个表达式的值。否则计算第二个运算数 即使||运算符的运算数不是布尔值,任然可以将它看作布尔OR运算,因为无论它返回的值是什么类型,都可以被转换为布尔值。 而且另一方面,对非布尔型的运算数使用了||,这是利用了它对非布尔型的值会将其返回的特性。该运算符的这一用法通常是选取一组备选值中的第一个定义了的并且非空的值(也就是说第一个不会转换为false的值) 例: var max=max_width || preferences.max_width || 500...
此文被围观2180 分类: 前端设计 标签:  ······

js window.open全屏,js弹出窗口全屏2013-04-23

1. window.open(url,'读图网','width='+(window.screen.availWidth-10)+',height='+(window.screen.availHeight-30)+ ',top=0,left=0,resizable=yes,status=yes,menubar=no,scrollbars=yes'); 2.window.open   弹出新窗口的命令; 'page.html'   弹出窗口的文件名; 'newwindow'   弹出窗口的名字(不是文件名),非必须,可用空''代替; height=100   窗口高度; width=400   窗口宽度; top=0   窗口距离屏幕上方的象素值; left=0   窗口距离屏幕左侧的象素值; toolbar=no   是否显示工具栏,yes为显示; menubar,scrollbars   表示菜单栏和滚动栏。 resizable=no   是否允许改变窗口大小,yes为允许; location=no   是否显示地址栏,yes为允许; status=no   是否显示状态栏内的信息(通常是文件已经打开),yes为允许; js window.open全屏...
此文被围观1736 分类: 前端设计 标签:  ····

jquery提示框(tip)插件介绍与使用教程2013-04-22

jquery提示框(tip)插件 官方地址 http://craigsworks.com/projects/qtip/ 下载地址 http://craigsworks.com/projects/qtip/download 演示地址 http://craigsworks.com/projects/qtip/demos/ 演示地址:http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html...
此文被围观1331 分类: 前端设计 标签:  ······

mootools异步请求数据,mootools ajax2013-04-28

网站找的一段文章,这里可以找到更多mootools里面的js:http://mootools.net/more/ 看mootools能够按所需组件进行下载,所以对他尝试一下,第一个例子就是Ajax组件。 这个是客户端文件:testAjax.html [html] <head> <title>测试Ajax</title> <meta http-equiv="content-type" content="text/html; charset=gb2312"/> <script type="text/javascript" src="./js/mootools.v1.00.js?v=1"></script> </head> <body> <textarea id=content cols=80 rows=20> </textarea> <script language="javascript" type="text/javascript"> new Ajax("./testAjax.php", { method: 'get', onComplete: function(){ ...
此文被围观1450 分类: 前端设计 标签:  ·····

js link用法讲解2013-04-19

今天看到javascript吧里面一篇帖子是关于js link的。 以前还没有用过这个函数。 看一段代码: [html] <!doctype html> <html lang="zh"> <head> <meta charset="utf-8"> <title> New Document </title> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> </head> <body> <script> var str = 'This is a testing js link page.'; str = str.link("http://baidu.com"); document.write(str); </script> </body> </html> [/html] 就是给一段文字加上一个链接!然后输出! ...
此文被围观1377 分类: 前端设计 标签:  ······

IE浏览器报错出现stack overflow at line 0的解决办法2013-04-18

今天在做一个代购网站的时候,用IE打开网页出现一个alert脚本: [caption id="attachment_1363" align="alignleft" width="251"] stack overflow at line 0[/caption] 文章来源:http://adophper.com 有时候在看网页的时候,就会弹出一个对话框(js脚本的)。。上面提示:stack overflow at line 0 有时候是  stack overflow at line 8 或  stack overflow at line 3 不一定 。 还有的网页,会直接弹出javascrit什么什么的。也是提示发生错误的。。(经常在老版本的各cms中出现) 后来查看网友的回复说是: 这个是img标签中onerror中途径图片不存在引起的! 于是将页面上的 onerror的图片改了一下,果然没有在出现这种情况! 以上方法主要是针对网页开发者的,如果你是用户怎么办?呵,看一下下面的解决方法: 出这样错的原因就是,脚本在运算时,数值过大,造成了"堆栈的溢出", 就像你一口中能喝一杯啤酒,但是让你一口喝三杯同时喝。。就要从嘴角流出来了。。哈哈。。这个比喻有点那啥 。不过就那意思。 解决办法: 1、在IE的工具菜单里找【Internet选项】->【高级】里 禁用脚本调试。 2、然后进入IE的“工具”→“Internet选项”→ “程序”,单击“重置Web设置”按纽就...

js location对象,window.location详解2013-04-15

以下是来自百度百科的内容: window.location方法获取URL 统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成: scheme://host:port/path?query#fragment scheme:通信协议 常用的http,ftp,maito等 host:主机 服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。 port:端口号 整数,可选,省略时使用方案的默认端口,如http的默认端口为80。 path:路径 由零或多个"/"符号隔开的字符串,一般用来表示主机上的一个目录或文件地址。 query:查询 可选,用于给动态网页(如使用CGI、ISAPI、PHP/JSP/ASP/asp.net等技术制作的网页)传递参数,可有多个参数,用"&"符号隔开,每个参数的名和值用"="符号隔开。 fragment:信息片断 字符串,用于指定网络资源中的片断。例如一个网页中有多个名词解释,可使用fragment直接定位到某一名词解释。(也称为锚点.) 示例: http://www.home.com:8080/windows/location/page.html?ver=1.0&id=timlq#love 1, window.location.href 整个URl字符串(在浏览器中就是完整的地址栏) 返回值:http://www.home.com:8080/windows/location/page.html?...

© Copyright 2011-2019 adophper.com. All Rights Reserved.
读图网科技 版权所有。蜀ICP备12031064号