blockcdn矿机邀请码
1. 着急求救!!鼠标点击后的CSS代码!a:visited{background:url(图片链接);}写了没反应!还有其他办法吗
background-color:transparent; color:transparent;这都什么是什么啊。。。你把这个有颜色的就写,没有的去了。。
还有你想要什么效果啊,,弄这么大一段,想说什么啊
2. 求淘宝旺铺专业版通栏的图片轮播代码 。跪求多谢
用工具生成方便简单,我用疯狂的美工装修暂时给你生成一个,拿走不谢
<divstyle="height:480px">
<divdata-title="本代码由疯狂的美工装修助手自动生成"class="TWidgst474taigyerfooter-more-triggersn-simple-logomost-footermgzxzs_qpdm"style="width:1920px;height:500px;padding:0;left:50%;top:auto;border:0pxsolidred;background:none;z-index:2;">
<divclass="TWidgst474taigyerfooter-more-triggersn-simple-logomost-footer"style="width:1920px;height:500px;padding:0;left:-50%;top:-0px;border:0pxsolidred;background:none;overflow:hidden;">
<divstyle="width:1920px;margin:0auto;background:url()no-repeattopcenterfixed;"><divdata-title="本代码由疯狂的美工装修助手生成"class="J_TWidget"data-widget-config="{'effect':'scrollx','easing':'easeOutStrong','interval':4,'navCls':'crazy_navbmefjl137aei','contentCls':'crazy_contentbmefjl137aei','prevBtnCls':'mall-prevbmefjl137aei','autoplay':true,'nextBtnCls':'mall-nextbmefjl137aei','circular':true,'disableBtnCls':'disable','ration':2.0,'activeTriggerCls':'hidden','delay':0.1}"data-widget-type="Carousel"style="background:none;cursor:auto;display:block;z-index:30;margin:0;padding:0;border:0;left:auto;top:auto;right:auto;width:1920px;height:500px;">
<divclass="crazy_kuangbmefjl137aei"style="background:none;cursor:auto;display:block;z-index:30;width:1920px;height:500px;margin:0;padding:0;border:0;left:0px;top:0px;right:auto;overflow:hidden;">
<divdata-title="本代码由疯狂的美工装修助手生成"class="freeze-layerfooter-more-triggerfooter-moremost-footersn-simple-logocrazynav"style="background:none;cursor:auto;display:block;width:990px;height:1px;text-align:center;left:465px;top:185px;margin:0;padding:0;border:0;z-index:99;">
<divclass="J_TWidgetmall-prevbmefjl137aei"data-widget-config="{"trigger":".mgzxzs_bmefjl137aei","align":{"node":".mgzxzs_bmefjl137aei","offset":[-495,0],"points":["cc","cc"]}}"data-widget-type="Popup"style="display:none;">
<divclass="mall-prevbmefjl137aei"style="font-size:100px;cursor:pointer;">
<imgsrc="http://img03.taobaocdn.com/imgextra/i3/456989075/TB2ychobFXXXXb6XXXXXXXXXXXX-456989075.png"/>
</div>
</div>
<divclass="J_TWidgetmall-nextbmefjl137aei"data-widget-config="{"trigger":".mgzxzs_bmefjl137aei","align":{"node":".mgzxzs_bmefjl137aei","offset":[495,0],"points":["cc","cc"]}}"data-widget-type="Popup"style="display:none;">
<divclass="mall-nextbmefjl137aei"style="font-size:100px;cursor:pointer;">
<imgsrc="http://img02.taobaocdn.com/imgextra/i2/456989075/TB2oL4mbFXXXXXtXpXXXXXXXXXX-456989075.png"/>
</div>
</div>
</div>
<divstyle="height:500px;width:1920px;overflow:hidden;padding:0px;margin:0px;"class="mgzxzs_bmefjl137aei">
<ulclass="crazy_contentbmefjl137aei"style="z-index:30;">
<listyle="width:1920px;height:500px;display:block;"><ahref="http://jueker.taobao.com/"target="_blank"><imgsrc="http://img03.taobaocdn.com/imgextra/i3/456989075/T2Yo4BXvBXXXXXXXXX_!!456989075.jpg"/></a></li><listyle="width:1920px;height:500px;display:block;"><ahref="http://jueker.taobao.com/"target="_blank"><imgsrc="http://img01.taobaocdn.com/imgextra/i1/456989075/T2oBY2XgRXXXXXXXXX_!!456989075.jpg"/></a></li><listyle="width:1920px;height:500px;display:block;"><ahref="http://jueker.taobao.com/"target="_blank"><imgsrc="http://img04.taobaocdn.com/imgextra/i4/456989075/T2DP71XmFXXXXXXXXX_!!456989075.gif"/></a></li>
</ul></div>
<divclass="freeze-layerfooter-more-triggerfooter-moremost-footersn-simple-logo"style="background:none;cursor:auto;display:block;width:100%;height:auto;margin:0;padding:0px;border:0;top:auto;left:auto;right:auto;bottom:0px;z-index:35;">
<ulstyle="text-align:center;padding:5px;width:100%;">
<listyle="display:inline-block;*display:inline;zoom:1;width:14px;cursor:pointer;padding:0px0px5px10px;background:url(http://img02.taobaocdn.com/imgextra/i2/456989075/T29r75Xp8aXXXXXXXX-456989075.png)no-repeat0px-20px;"> </li>
<listyle="display:inline-block;*display:inline;zoom:1;width:14px;cursor:pointer;padding:0px0px5px10px;background:url(http://img02.taobaocdn.com/imgextra/i2/456989075/T29r75Xp8aXXXXXXXX-456989075.png)no-repeat0px-20px;"> </li>
<listyle="display:inline-block;*display:inline;zoom:1;width:14px;cursor:pointer;padding:0px0px5px10px;background:url(http://img02.taobaocdn.com/imgextra/i2/456989075/T29r75Xp8aXXXXXXXX-456989075.png)no-repeat0px-20px;"> </li>
</ul>
</div>
<divclass="freeze-layerfooter-more-triggerfooter-moremost-footersn-simple-logo"style="background:none;cursor:auto;display:block;width:100%;height:auto;margin:0;padding:0px;border:0;top:auto;left:auto;right:auto;bottom:0px;z-index:36;">
<ulclass="crazy_navbmefjl137aei"style="text-align:center;padding:5px;width:100%;">
<listyle="display:inline-block;*display:inline;zoom:1;width:14px;cursor:pointer;padding:0px0px5px10px;background:url(http://img02.taobaocdn.com/imgextra/i2/456989075/T29r75Xp8aXXXXXXXX-456989075.png)no-repeat0px0px;"> </li>
<listyle="display:inline-block;*display:inline;zoom:1;width:14px;cursor:pointer;padding:0px0px5px10px;background:url(http://img02.taobaocdn.com/imgextra/i2/456989075/T29r75Xp8aXXXXXXXX-456989075.png)no-repeat0px0px;"> </li>
<listyle="display:inline-block;*display:inline;zoom:1;width:14px;cursor:pointer;padding:0px0px5px10px;background:url(http://img02.taobaocdn.com/imgextra/i2/456989075/T29r75Xp8aXXXXXXXX-456989075.png)no-repeat0px0px;"> </li>
</ul>
</div>
</div></div>
</div>
</div>
</div>
3. 求一个淘宝网店全屏轮播banner代码 求大神赐教~~~
可以到好模板看看,有全屏轮播代码制作
4. 请高手指教下面代码,在Dreamweaver中显示不出来效果~代码没完全复制完 字数不给力~
你要显示什么效果、你复制的代码是从设计器里出来的吧。。
5. 火狐浏览器下载blocksite插件出错。
删了快捷方式重建 或者排查已有扩展 不需要再装扩展
6. 求个PHP Smarty Mysql JS写的浮动或联动菜单
关键是要把两级分类组合成二维数组,然后输出成UL,LI指定形式。
请参阅“转自AOL的二级菜单”
我假设的数据库结构是document_class和document_subclass是两个表,以class_id关联。你根据你的具体情况改一下
如果有问题,请网络HI CALL我
<?php
$Host ="localhost";
$Database = "test";
$User = "root";
$Password = '666666';
$conn = mysql_connect($Host, $User, $Password, $Database);
mysql_select_db($Database);
mysql_query("Set Names GBK");
$sql = "Select class_id, class_name, subclass_id, subclass_name From document_class Left Join document_subclass Using(class_id)";
$rs = mysql_query($sql);
while($o = mysql_fetch_object($rs)){
if(!$o->class_id){
continue;
}
$classes[$o->class_id]['id'] = $o->class_id;
$classes[$o->class_id]['name'] = $o->class_name;
if($o->subclass_id){
$classes[$o->class_id]['subs'][] = array('id'=>$o->subclass_id, 'name'=>$o->subclass_name);
}
}
#print_r($classes);die();
?>
<!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=gbk" />
<meta name="Keywords" content=""/>
<meta name="Description" content=""/>
<title></title>
<style type="text/css">
/* AOL Autos CSS v1.20090417 */
html {font-size:100%;font-family:arial,verdana,sans-serif;position:relative;color:#2F353B;width:100%}
body {width:61.25em;margin:0 auto;font-size:1em;position:relative;background:#000}
* {margin:0;padding:0}
a {text-decoration:none;color:#2864B4}
a:hover {text-decoration:underline}
em {font-style:normal}
h2, h3, h4, h5, h6 {color:#0668d8}
img {border:0}
ul {list-style-type:none}
#navigation {float:left;padding:0 6px;width:964px;list-style-type:none;clear:both;border:solid #4a494b;border-width:0 1px}
#navigation a {display:block;text-decoration:none;background:none;color:#999;font-size:0.77em;font-weight:bold}
#navigation a span {display:block;float:left;padding:5px 7px;margin-right:2px}
#navigation a:hover {text-decoration:none;color:#fff !important;cursor:hand}
#navigation .nav_item a:hover span {background:url(http://o.aolcdn.com/art/dp_autos/s_grad-2.gif) 100% -171px repeat-x}
#navigation .sub_nav a {color:#5393D9 !important}
#navigation .sub_nav a:hover {background:#3d96e0 !important;color:#fff !important}
#navigation li {z-index:11;position:relative;display:block;float:left;background:url(http://o.aolcdn.com/art/dp_autos/s_btn-7.gif) right -722px no-repeat}
#navigation li.lastNav {border:none}
#navigation li.firstNav a {background:url(http://o.aolcdn.com/art/dp_autos/s_btn-7.gif) bottom right no-repeat}
#navigation ul {padding:1px 0;list-style-type:none}
#navigation ul li {background:none;margin:0 1px;width:144px;border-bottom:1px solid #b8d5f3;display:block;float:none;border-right:none}
#navigation ul li a {background:none;color:#5393d9;display:block;padding:3px 0 3px 12px}
#navigation .nav_item ul {display:none}
#navigation .dd_open ul {z-index:11;display:block !important;position:absolute;top:1.5em;left:0;background-color:#e3f1fe;border:2px solid #72b1ea}
#navigation .dd_open a {color:#fff}
#navigation .dd_open a span {background:url(http://o.aolcdn.com/art/dp_autos/s_grad-2.gif) 100% -171px repeat-x}
#navigation .actTab a {color:#fff !important}
#navigation .actTab a span {text-decoration:none;background:url(http://o.aolcdn.com/art/dp_autos/s_grad-2.gif) 100% -171px repeat-x}
#navigation .actTab ul li a {color:#5393D9 !important}
#navigation .actTab ul li a:hover {color:#fff !important}
#navigation li.new_feature a {background:transparent url(http://o.aolcdn.com/art/dp_autos/s_btn-7.gif) 97% -1213px no-repeat}
#navigation .usedItem ul li{width:157px}
#navigation .blogsItem ul li{width:178px}
#navigation .lastItem {border:none !important}
</style>
<script type="text/javascript">
function XMenu(panelId){
var panel = XU.$(panelId);
var o = this;
XU.each(panel.getElementsByTagName('li'), function(e){
if(XU.hasClass(e, 'nav_item')){
e.onmouseover = function(event){
if(o.last){
XU.removeClass(o.last, 'dd_open')
}
if(e.showtimer){
o.killTimer(e);
}
XU.addClass(e, 'dd_open');
o.last = e;
}
e.onmouseout = function(event){
o.startTimer(e);
}
}
});
}
XMenu.prototype = {
startTimer : function (obj){
var o = this;
obj.showtimer = setTimeout(function(){
o.killTimer(obj);
XU.removeClass(obj, 'dd_open')
}, 250);
},
killTimer : function (obj){
if(obj.showtimer){
clearInterval(obj.showtimer);
obj.showtimer = null
}
}
}
XU = {
$ : function (id){
return document.getElementById(id);
}
,each : function(s, f, bind){
if(typeof(bind) == 'undefined'){
bind = false;
}
for(var i=0; i<s.length; i++){
var e = s[i];
if(bind){
f.apply(e);
}else{
f(e);
}
}
}
,hasClass : function(e, className){
var reg = new RegExp('\\b' + className + '\\b', 'i');
return reg.test(e.className);
}
,addClass : function(e, className){
if(!XU.hasClass(e, className)){
e.className += " " + className;
}
}
,removeClass : function(e, className){
var reg = new RegExp('\\b' + className + '\\b', 'ig');
e.className = e.className.replace(reg, '');
}
}
</script>
</head>
<body>
<ul id="navigation">
<?
foreach ($classes as $class){
echo "<li class=\"nav_item\"><a href=\"\"><span>{$class['name']}</span></a>\n";
if($class['subs']){
echo "<div><ul class=\"sub_nav\">\n";
foreach ($class['subs'] as $sub){
echo "<li><a href=\"\">{$sub['name']}</a></li>";
}
echo "</ul></div>\n";
}
echo "</li>\n";
}
?>
</ul>
<script type="text/javascript">
new XMenu('navigation');
</script>
</body>
</html>
7. 我的世界启动器blocklauncher谁把连接发来谢谢
http://lx.cdn.pcs.com/file/?bkt=p2-nj-255&xcode=&fid=624095230-250528-225995598358569&time=1420772329&sign=FDTAXERLBH--06PFoV9gzg1pDZUF6jdZYGtdY6U%3D&to=cb&fm=Nan,B,T,t&sta_dx=7&sta_cs=107&sta_ft=apk&sta_ct=4&newver=1&newfm=1&flow_ver=3&sl=81723466&expires=1420772929&rt=sh&r=716212824&mlogid=168279970&sh=1&vuk=3994179109&vbdid=2456869774&fin=MCPELauncher-beta1.apk
8. cdn加速 国外哪家好
网站加速Cloudflare为佳,其次是Incapsula,但如果需要有中国电信与联通优化线路使用GoogleCloudCDN比较快
9. 怎么用CSS和jQuery实现一个侧滑导航菜单
可以参考:http://www.cnblogs.com/w2bc/p/5468176.html
为了建立导航菜单,让我们先看看html结构:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Animation Menu Demo</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.js"></script>
<script src="script.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Content goes here -->
</body>
</html>
首先,我们引用normalize.css作为默认样式,以确保我们的菜单在每个浏览器是一样的。我们使用字体图标fontawesome来显示菜单项向下的图标。我们还需要引用jQuery来实现菜单的切换。
面板按钮
每个网站面板导航按钮都类似。它往往是一个图标字体,如fontawesome,但在本教程中我想添加一些动画,所以我们用横线来实现。基本上,我们的按钮是一个跨度,包含三个div显示为水平横线。
<span class="toggle-button">
<div class="menu-bar menu-bar-top"></div>
<div class="menu-bar menu-bar-middle"></div>
<div class="menu-bar menu-bar-bottom"></div>
</span>
样式看起来如下:
.toggle-button {
position: fixed;
width: 44px;
height: 40px;
padding: 4px;
transition: .25s;
z-index: 15;
}
.toggle-button:hover {
cursor: pointer;
}
.toggle-button .menu-bar {
position: absolute;
border-radius: 2px;
width: 80%;
transition: .5s;
}
.toggle-button .menu-bar-top {
border: 4px solid #555;
border-bottom: none;
top: 0;
}
.toggle-button .menu-bar-middle {
height: 4px;
background-color: #555;
margin-top: 7px;
margin-bottom: 7px;
top: 4px;
}
.toggle-button .menu-bar-bottom {
border: 4px solid #555;
border-top: none;
top: 22px;
}
.button-open .menu-bar-top {
transform: rotate(45deg) translate(8px, 8px);
transition: .5s;
}
.button-open .menu-bar-middle {
transform: translate(230px);
transition: .1s ease-in;
opacity: 0;
}
.button-open .menu-bar-bottom {
transform: rotate(-45deg) translate(8px, -7px);
transition: .5s;
}
按钮有一个固定的位置,不动时滚动页面。它也有一个 z-index :15的样式,以保证它总是保持在其他重叠元素之上。按钮由三条横线。每横线都有自已的样式,我们给它加上.menu-bar样式。类其余的样式被移动到单独的样式文件中。动画发生时,我们添加一个类.button-open。我们引用jQuery,可以比较方便的实现它:
$(document).ready(function() {
var $toggleButton = $('.toggle-button');
$toggleButton.on('click', function() {
$(this).toggleClass('button-open');
});
});
初学者可能不熟悉jQuery,让我解释一下这是怎么回事。首先,我们初始化一个变量称为$togglebutton,其中包含我们的按钮。我们将它存储为一个变量,然后我们创建一个事件监视器监听点击按钮。每单击一次,事件监听器会执行方法 function toggleclass()来切换.button-open。
.button-open我们可以用它来改变这些元素的显示方式。我们使用CSS3 translate()和rotate()功能使顶部和底部的横线旋转45度,与中间的横线逐渐消失。你可以点击Demo中的按钮来看看效果。
侧滑菜单
侧滑菜单的html的结构如下:
<div class="menu-wrap">
<div class="menu-sidebar">
<ul class="menu">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Blog</a></li>
<li class="menu-item-has-children"><a href="#">Click The Arrow</a>
<span class="sidebar-menu-arrow"></span>
<ul class="sub-menu">
<li><a href="#">Alignment</a></li>
<li><a href="#">Markup</a></li>
<li><a href="#">Comments</a></li>
</ul>
</li>
<li><a href="#">Courses</a></li>
<li><a href="#">Get In Touch</a></li>
</ul>
</div>
</div>
在这里不详细解释每个风格的菜单,我们看下.menu-wrap 的div。它的样式如下:
.menu-wrap {
background-color: #6968AB;
position: fixed;
top: 0;
height: 100%;
width: 280px;
margin-left: -280px;
font-size: 1em;
font-weight: 700;
overflow: auto;
transition: .25s;
z-index: 10;
}
它的位置是固定的,所以菜单一直在同一个地方滚动。高度设为100%。注意,左边距设置为负数,使这菜单从视图中消失。为了让它有一个出现的特效,我们用jquery来了调用另一class来显示和关闭。JavaScript代码如下:
$(document).ready(function() {
var $toggleButton = $('.toggle-button'),
$menuWrap = $('.menu-wrap');
$toggleButton.on('click', function() {
$(this).toggleClass('button-open');
$menuWrap.toggleClass('menu-show');
});
});
我们增加一个变量$menuwrap其中包含菜单的所有项,并使用相同的事件来创建按钮。这个.menu-show的左边距为0,并增加了一些盒子阴影效果。
.menu-show {
margin-left: 0;
box-shadow: 4px 2px 15px 1px #B9ADAD;
}
子菜单和链接
你可能会注意到一个列表项的class .menu-item-has-children。包含子菜单。同时,链接后,有一个class .sidebar-menu-arrow。
<li class="menu-item-has-children"><a href="#">Click The Arrow</a>
<span class="sidebar-menu-arrow"></span>
<ul class="sub-menu">
<!-- List items -->
</ul>
</li>
span 有一个::after伪元素包实现fontawesome箭头。默认情况下,子菜单是隐藏的,只有单击父级菜单时才出现:
$(document).ready(function() {
var $sidebarArrow = $('.sidebar-menu-arrow');
$sidebarArrow.click(function() {
$(this).next().slideToggle(300);
});
});
当我们单击箭头,一个函数被调用时,它的目标的下一个元素之后的span并使其可见。我们使用的jquery的slidetoggle。它使一个元素滑动效果的出现或消失,函数有一个动画时间参数。
最后,我们的演示菜单项有一个悬停效果。它是使用一个::after伪元素。代码如下:
.menu-sidebar li > a::after {
content: "";
display: block;
height: 0.15em;
position: absolute;
top: 100%;
width: 102%;
left: 50%;
transform: translate(-50%);
background-image: linear-gradient(to right, transparent 50.3%, #FFFA3B 50.3%);
transition: background-position .2s .1s ease-out;
background-size: 200% auto;
}
.menu-sidebar li > a:hover::after {
background-position: -100% 0;
}
这个::after伪元素包含在每个环节下绝对定位的块级元素,随着0.15em高度和宽度。我们不只是应用背景颜色的线,我们使用linear-gradient() 在背景图像功能。虽然这个功能的目的是使颜色梯度,我们可以通过指定的百分比,做了一个渐变的颜色变化。
.menu-sidebar li > a::after {
background-image: linear-gradient(to right, transparent 50.3%, #FFFA3B 50.3%);
}
这里一半的线是透明的,另一半是黄色的。通过背景大小200%的宽度,使透明部分占用的所有链接的宽度。