- 浏览: 12541 次
- 性别:
最新评论
文章列表
折角广告代码,或许你已经看到过了,现在一些门户网站还可看到这种效果的身影,用鼠标拖着折角的边,往下拉,就可把折角拖下来,你觉得怎么样了?
<!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"><head><tit ...
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>用横线表示的文本框|河北金梆子锅炉|石家庄叉车|石家庄展柜制作</title> </head> <body> <table width="379" height="133" border="0" ...
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; c ...
一个网页表单效果,让表单内的文本框支持加减运算,不过你要按正确的运算式输入,要不然它没有那么智能哦,比如输入1+5,文本框旁边会显示计算结果,这要归功于JavaScript的功能。
<!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"& ...
jQuery百叶窗翻牌效果代码,其实也就是文字切换,采用了百叶窗的方式,在原理上,每隔三秒执行一次变换LI的内容,LI变换的方式,即每隔100ms,让下一个LI移动top值;所有的LI移动完毕,就清除,依次类推,实现循环切换,形似百叶窗。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta ...
jQuery密码强度插件passwordStrength实例演示,这里赋予密码强度为10个等级(实例中的progressImg1.png是一张包含十个状态的图片),然后通过设置每 个状态的CSS样式来直观地显示当前密码的强度。其中,实现此功能的重点和难点就是通过正则进行判断等级,有兴趣的朋友可以慢慢探究。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
...
可控制的页面向上向下滚动特效,页面右下角的文字就是控制按钮,当网页内容超出原有高度的时候,也就是当网页右侧出现滚动条的时候,文字按钮就起作了,可以向上或向下滚动页面,无需点击文字,只需要把鼠标放过去就行了。在此提醒:控制文字可以换成图片哦,比如换成向上或向下的小箭头。
<html>
<head>
<style type="text/css">
#item {position:absolute; visibility:hidden; left:0px}
</style>
<SCRIPT LANG ...
<!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"><head><meta http-equiv="Content-Type" content="text/html; charset=gb231 ...
css3放大镜效果,没有用到js,只是应用了现代的css3技术来完成。移上左边的图片,右边出现左边放大后的图片。效果简单真实。支持浏览器:IE9+, Firefox, Safari, Chrome and Opera.
<!DOCTYPE HTML>
<html lang=zh-cn>
<head>
<meta charset=utf-8>
<title>css3放大镜</title>
<style>
*{margin:0px;padding:0px;}
body{background ...
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>CSS3 Box-Shadow Effects</title>
<style type="text/css">
.box {
width: 300px;
min-height: 300px;
margin: 30px;
display: inline-block;
...
<div class="iteye-blog-content-contain" style="font-size: 14px;">
<pre name="code" class="html"><!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<tit ...
<!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">
<head>
<title>CSS3圆角技术实现仿QQ2012面板效果图</title>
<style>
body, div, ...
CSS3实现的圆形遮罩手机应用效果实例
- 博客分类:
- 网页特效
<html>
<head>
<title>CSS3实现的圆形遮罩手机应用效果实例</title>
<style>
.trans {
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
.test_outer {
width: 320px;
...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>超酷的CSS3动画遮罩效果的图片文字说明</title>
<style type=text/css>
/*base*/
html, body, div, span, applet, object, iframe,
h1, ...
CSS滤镜实现各种文字效果
- 博客分类:
- 网页特效
<html>
<head>
<title>蓄能器隔膜</title>
<meta http-equiv=content-Type content="text/html;charset=gb2312">
<style>
.abc { line-height: 22px}
.t12 {
font-family:微软雅黑;
font-size: 15px;
font-weight: lighter;
color: ##C3C1C1;
Filter: dropshadow(c ...