十二 29

基于google map api开发web和google earth的KML地标插件

视觉·编程 No Comments »

转自：风海迷沙的.NET生活

KML文件很好做，在你的google earth（以下简称GE）中选择你自己的或是别人的marker或layer，就可以保存成静态的地标或图层信息（kmz或kml格式），发送给你的朋友，用他的GE打开你的文件就可以看到你所标注的marker信息。

这些相关的文章让我迷失了好一段时间，不过，我想要的是动态的地标、类似于EEMAP那样的GE插件。下面我将讲述它的工作原理和制做方法。

先说几个概念，google map api是基于javascript+xml等技术实现的，另一款产品google earth api是基于一个activeX插件实现的，可以达到桌面版的google earth类似的效果（视角，街景等），由于需要安装浏览器插件等因素，并未得到广泛使用，本文所涉及的技术为google map api。关于google map api key的说明：为了防止该接口被滥用，你的网站必须申请一个KEY才能使用google map api，这个KEY只是一个你的域名对应的值，按照官方的说法，过一段时间再来用同一个域名申请，也是会得到同样的KEY，同样申请后闲置也不会有任何影 响。google的开发小组只要求在你的网站使用这个API流量过于巨大时“联系”一下他们。在本地调试时（http://localhost:8080/demo.aspx）则不受KEY的影响可以正常使用。

KML地标插件01

提纲(对应图中的数字)：

1，如何实现这样的功能（KML）
2，如何编写调用文件（ASPX）
3，应返回的数据文件（XML）
4，如何在WEB上调用（HTML）
5，在GE中使用的效果
Read the rest of this entry »

十二 22

几个常用到的 CSS 样式

视觉·编程 No Comments »

· 1.中文字两端对齐：text-align:justify; text-justify:inter-ideograph;

· 2.固定宽度汉字截断：overflow:hidden;text-overflow:ellipsis;white-space:nowrap;(不过只能处理文字在一行上的截断，不能处理多行。)（IE5以上）

· 3.固定宽度汉字（词）折行：table-layout:fixed; word-break:break-all;（IE5以上）

· 4.<acronym style=”cursor: help” title=”输入要提示的文字”>文字</acronym> 用鼠标放在前面的文字上看效果。这个效果在国外的很多网站都可以看到，而国内的少又少。

· 5.图片设为半透明：.halfalpha { background-color: #000000; filter: Alpha(Opacity=50)} 在 IE6 及 IE5 测试通过，FF未通过。
Read the rest of this entry »

十二 22

CSS样式表常用小技巧

视觉·编程 No Comments »

· ul 标签在 Mozilla 中默认是有 padding 值的，而在 IE 中只有 margin 有值。

· 同一个的 class 选择符可以在一个文档中重复出现，而 id 选择符却只能出现一次；对一个标签同时使用 class和 id 进行 CSS 定义，如果定义有重复，id 选择符做的定义有效。

· 初学可能会碰到这样一个情况，同样一个标签的属性在 IE 设置成 A 显示是正常的，而在 Mozilla 里必须要设成 B 才能正常显示，或者两个倒过来。
临时解决方法：选择符 {属性名:B !important ; 属性名:A;} //IE7 下无效

· 如果一组要嵌套的标签之间需要些间距的话，那就留给位于里面的标签的 margin 属性吧，而不要去定义位于外面的标签的 padding

· li 标签前面的图标推荐使用 background-image 而不是 list-style-image

· IE 分不清继承关系和父子关系的差别，全部都是继承关系。

· 在给你的标签疯狂加选择符的时候，别忘了在 CSS 里给选择符加上注释。 等你以后修改你的 CSS 的时候就知道为什么要这么做了。
Read the rest of this entry »

十二 21

MySQL中UTF-8和UTF8

视觉·编程 1 Comment »

来源：feel’s Blog

昨天和朋友遇见一个很奇怪的问题,MYSQL连接的时候编码总是不对,先说页面和数据库全是UTF-8的根式.那应该没什么问题啊.最后检查了检查了数据库类.连接的时候SET编码是GB2312.于是我”骂”了我朋友….哈哈!我叫他改成UTF-8.也许看到这里.你们也会骂我.这么基础的东西大家都晓得啊.没什么好说的.可是改成了UTF-8还是不对啊????请继续往下看…..

如果是GB2312,那么输出全是乱码.而改成UTF-8的话..不是乱码.却全部变成了”?”号.其实乱码和?是有区别的哦.那究竟问题出在那里了?还是编码问题.于是把UTF-8改成UTF8,这样就对了.什么原因??UTF-8和UTF8 不是一回事?
Read the rest of this entry »

十二 21

META标签实现网页特效

视觉·编程 No Comments »

把下面的代码放在HEAD中,就能实现网页打开和退出时候的特效:

<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)"> //进入页面
<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)"> //退出页面

X代表时间,以秒为单位.Y代表你所选择的效果,取值为1-23!效果介绍如下:
Read the rest of this entry »

十二 20

写给设计人的10个jQuery特效

视觉·编程 No Comments »

来源：幸福收藏夹

jQuery已经不是什么新鲜的事儿，记得第一次听说是在catch the digital flow上。总把它认为是非常难的东西，也就没有认真去了解他了。直到学完CSS的大部分内容，才开始接触这种”write less, do more” 的Javascrīpt框架。今天，这篇文章的最重要内容是来自Web Designer Wall的一篇教程，一篇包含了10个jQuery特效的教程。这里不打算全文翻译，想以自己的语言来表达，或许这样更方便大家理解/自己以后学习，也可能更准确地描述。

提示：教程中所用的 jQuery 版本为1.2.3。这篇文章是为jQuery新手而写的。

先试试看？ View jQuery Demos ｜ Download Demo RAR

jQuery是如何工作的?

首先，你需要下载一个jQuery版本，并将它插入到<head>标签内。然后，你将需要写函数来告诉jQuery做些什么，下面的这个图表将告诉你jQuery是怎样工作的（点击图片，查看大图）：

写给设计人的10个jQuery特效01
Read the rest of this entry »

十二 19

用jQuery UI控制字体大小

视觉·编程 No Comments »

by Connor Zwick

JQuery’s UI can add so much to a web page. There are many different widgets that the UI provides. One up and coming star, is the slider. In this tutorial, I will show you how to use a slider to control the text size of an article on a page. This lets the user control exactly the size that suits them, and is also a pretty impressive feature to have on a site!

作者：Connor Zwick

I am a freelance web designer. I am currently renovating my personal site, which will be up within the month hopefully. I know HTML, CSS, Javascript, JQuery, PHP, Flash, and Ruby on Rails. I am also doing several website for pay currently. As well as designing a web site for a robotics team for free. This website will feature a lot of what I will cover in this tutorial. I have also coded a media management site and blog in Ruby on Rails. I also have extensive Photoshop experience.
Read the rest of this entry »

十二 15

获取Feedsky的文本订阅数字

视觉·编程 No Comments »

来自Shawn’s Blog

Xiaorsz 问过我这个问题，当时手边在忙事情，就没有太放在心上。今天又有某位同学问我，然后我不太忙，就弄了一下给他。应该还有人需要，所以发出来。 Feedsky 的订阅数字是图片形式，个性化不足，下面这几句代码能帮助你获取纯文本的订阅数字，接下来就看你怎么用了。

<?php
    $xml = simplexml_load_file('http://www.feedsky.com/rpc/feed_statistic_xml.php?u=用户名称');
    $node = $xml->xpath('/month/day[last()]');
    foreach($node as $n){echo $n['subcount'];}
?>

我建议使用的同学 cache 一下这个部分，免得 Feedsky 的服务器受不了。

怎么用？
Read the rest of this entry »

Previous Entries Next Entries
Q网志 , powered by 七十二松 (72pines). WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS 登录