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%的寬度,使透明部分佔用的所有鏈接的寬度。