Posts Tagged ‘js’

通过 JavaScrpit 传递 Post 变量

// 六月 11th, 2008 // No Comments » // 网站设计

使用 Get 方式方式传递变量会把 URL 搞得很长,而且 IE 会对长度有限制,所以最好的方式还是通过 Post 方式来传递变量。但是通过 Post 来传递变量的时候一定要有个表单,很多时候页面上并没有表单,所以这个时候可以隐藏表单,然后通过 JavaScript 来提交表单。下面是个隐藏表单的例子:

<form action=”form.php” name=”the_form” method=”POST”>
<input type=”hidden” name=”field1″ value=”123″>
<input type=”hidden” name=”field2″ value=”abc”>
</form>
然后使用 JavaScript 函数来提交这个表单:

function js_post() {
  document.the_form.submit();
}
然后就可以通过各种方式来调用了,如在链接中:

<a href=”javascript:js_post()”>Submit</a>
或者通过事件,如在页面载入:

<body onLoad=”js_post()”>

Lightview 2 - 很酷的 JS 展示效果

// 三月 3rd, 2008 // 1 Comment » // 网站设计

      如今的网站,想要抓住访客的眼球,仅仅内容优秀已经不够了。对于一个成功的网站来说,良好的 UI 同样是非常重要的环节。随着像 Firefox 3、Opera 9.5 这样强悍的浏览器的来临,Javascript 的执行效率大大提升,实现绚丽的网页特效也不再是 Flash 的专利了。

      Lightview 2 就是这样一个 Javascript 程序,可以让用户很轻松的实现非常酷的展示效果。Lightview 2 的效果类似与我们熟悉的 Lightbox,但 Lightview 更为强大。关于 Lightview 到底能实现什么效果,用语言形容似乎总是不太准确,您可以先看看演示。

Lightview

      Lightview 可以展示的内容不仅仅局限于图片和相册,文字、网页、通过 Ajax 调用的内容甚至 Quicktime/Flash 影片都可以用非常酷的效果呈现。这一点对于 Web 设计者来说是非常有用的。借助这个特性,Lightview 不仅仅可以作为图片/相片的一种呈现方式,还可以作为交互对话框来使用,绚丽的效果详细一定会令你的网站加分不少。

      Lightview 2 非常容易集成和使用,在页面的 <head> 中载入必要的文件后,仅需在需要激活 Lightview 的链接上加入 class=”lightview” 即可。相信即使是不太懂 HTML / Javascript 的朋友也可以轻松使用它。

      Lightview 2 使用 Prototype 和 Scriptaculous 框架实现特效,考虑尝试一下 Lightview,肯定会给访客带来全新的体验。

      下载地址:http://www.nickstakenburg.com/projects/lightview/

用PHP实现文字转换成图片

// 十二月 31st, 2007 // 1 Comment » // PHP

      PHP 不仅限于只产生 HTML 的输出。还可以创建及操作多种不同图像格式的图像文件,包括 gif,png,jpg,wbmp 和 xpm。更方便的是,PHP 可以直接将图像流输出到浏览器。要处理图像,需要在编译 PHP 时加上图像函数的 GD 库。

      附件包含的代码可根据index.php中设定的文字,生成PNG图片,通过修改ifr.php文件可定制字体、文字颜色、背景色和字号,还可设定文字背景是否透明。生成的图片只是一张缓存图片,并不会生成真实保存的图片。利用这个工具制作简单的文字标题非常方便呢。

     附件中的字体文件为STSONG.TTF,是华文中宋字体,如果替换为英文字体,显示中文可能会出现乱码,只要替换这个字体文件,就可以改变输出的字体效果。
英文字体

中文字体

下载

任意样式的CSS文字封套

// 十二月 31st, 2007 // 1 Comment » // 网站设计

来源:http://www.csstextwrap.com/

      这个叫做CSS Text Wrapper 的网站可在线快速制作任意排列样式的文字,普通的HTML文字无非是左中右,或者图文简单混排,这个网站制作出来的文字可以形成任何形状。
任意形状

做的自然一些的图文结合排版:
example
(全文…)

CSS&JS

// 十二月 27th, 2007 // 1 Comment » // 网站设计

CSS
is buggy.

Don’t
Panic!

We
can fix it!:-)

just
use *MORE* CSS.

or
use JS!:-)

BUT,

JS
is buggy,too.

of course,
we can fix it.

just
use *MORE* JS!

ORZ