炫酷的js特效代码下载(炫酷的js特效代码下载)
web前台:大家都去哪下载js,jquery,ext下载前台炫酷效果之类的控件呢?求推荐
三种途径:
1、如果你知道种效果的英文名称,哪Google是最好的方式。
2、通过微薄博客的推荐建立自己的资源积累。
3、我推荐一个我自己常去的地方:dynamicdrive.com
求 js 特效,鼠标滑过,显示浮层
首先随便找一个地方新建一个div 并且隐藏。例如
div id='showTip' style="background-color: white; width:200px; height:200px;position: absolute; display: none; "
/div
然后在链接那边写个onmouseover 属性加个触发方法 如showDiv()具体方法如下
function showDiv(e){
$("#showTip").html("这里可以写一些html的内容,如图片文字");
$("#showTip").css("top",e.clientY);//这里可以根据情况适当调整
$("#showTip").css("left",e.clientX);
$("#showTip").show();
}
还要在链接那边加上 onmouseout属性触发方法如下:
function hideDiv(){
$("#showTip").hide();
}
以上需要引入jquery支持
急急急!求js特效网页弹窗广告代码,需要详细说明
把div id="msg_win" style="display:block;top:490px;visibility:visible;opacity:1;"?? 到/script的内容放到网页里面,可以是最后面,就行
求Dreamweaver 网页特效代码
呵呵,那是js网页特效。这里这种代码多的是:
你还可以找到好多其它样式的好看的代码。
这是你要的那个的下载地址:
需求个js 实现点击文字选中复选框特效
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
meta name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,zzjs.net,sky,,站长特效 网" /
meta name="description" content=",站长特效网,站长必备js特效及广告代码。大量高质量js特效,提供高质量广告代码下载,尽在站长特效网" /
title点击文字选中单选框,sky整理收集,站长特效欢迎您。/title
style type="text/css"
!--
body { font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 4px; margin-right: 0px}
A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none }
A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline }
a:active { font: 9pt "宋体"; cursor: hand; color: #FF0033 }
--
/style
/head
body
a href=""站长特效网/a,站长必备的高质量网页特效和广告代码。zzjs.net,站长js特效。hr
!--欢迎来到站长特效网,我们网站收集大量高质量js特效,提供许多广告代码下载,网址:,zzjs@msn.com,用.net打造靓站--
script type="text/javascript" src=""/script
center
table border=0 bordercolor=#111111 borderlight=green style="border-collapse: collapse" cellpadding="0" cellspacing="0"
trtd align=center
font size=3 color=#FF0033 face="Arial, Helvetica, sans-serif"
strong style="font-weight: 400"下面为脚本显示区br
/strong/font/td/trtrtd align=center width=300 p
span style="font-size: 9pt"看看下面的选择框,似乎没有什么不同的。微妙之处在于,选择项目时不必非得在框内点击鼠标了,在文本上选择即可。不信试一试吧。/span/p
form
label for="check1"span style="font-size: 9pt"经常来这里/span/labelspan style="font-size: 9pt"
input type="CHECKBOX" id="check1" value="often" name="checkoften"
label for="check2"偶尔来看看/label
input type="CHECKBOX" id="check2" value="seldom" name="checkseldom"
/span
/form
/td/tr/table/center
br
br
br
br
br
br
br
br
/body
/html
求Jquery或js一行文字跑马灯代码
这个完全是我本人自己真实项目当中的代码
其实不用js 用css3就能完成
代码如下
标签:{
background: -webkit-gradient(linear,left top,right top,color-stop(0, #3CAF5A),color-stop(0.3, #3CAF5A),color-stop(0.5, white),color-stop(0.7, #3CAF5A),color-stop(1, #3CAF5A));
background-clip: text; //文字背景区域
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-animation: slidetounlock 2s linear infinite; //动画执行的参数 第一是 动画执行的名字 ? 第二是所需时间 ?第三是执行动画的快慢infinite是均速 第四个参数是循环
animation: slidetounlock 2s linear infinite;
} ?
为了兼容建议把写全 百分比是指动画执行到多少以后执行里面的动画
@keyframes slidetounlock{
0% {
background-position: -2rem 0;
}
80% {
background-position: 1rem 0;
}
100% {
background-position: 2rem 0;
}
}
@-webkit-keyframes slidetounlock{
0% {
background-position: -2rem 0;
}
80% {
background-position: 1rem 0;
}
100% {
background-position: 2rem 0;
}
}
@-moz-keyframes slidetounlock{
0% {
background-position: -1.1rem 0;
}
80% {
background-position: 1rem 0;
}
100% {
background-position: 1.1rem 0;
}
}
@-ms-keyframes slidetounlock{
0% {
background-position: -1.1rem 0;
}
80% {
background-position: 1rem 0;
}
100% {
background-position: 1.1rem 0;
}
}
@-o-keyframes slidetounlock{
0% {
background-position: -1.1rem 0;
}
80% {
background-position: 1rem 0;
}
100% {
background-position: 1.1rem 0;
}
}
之后你只需要设置文字所在容器的宽度就行,用px可以代替rem;可根据自己的需求来修改
最后效果就是
白色会一直从左到右 有点像早期苹果滑动解锁的那种动画,这个可以根据实际需求来修改