我只希望文本阴影处于悬停状态。
**JS**
Cufon.replace('.headerright', {hover: true,'fontFamily' : 'League Gothic',textShadow:'0px 1px #cccccc'});
**CSS**
.headerright{text-transform:uppercase; font-size:76px;color:#CD7674;}
.headerright a:hover{color:#444444;}
我只希望文本阴影处于悬停状态。
**JS**
Cufon.replace('.headerright', {hover: true,'fontFamily' : 'League Gothic',textShadow:'0px 1px #cccccc'});
**CSS**
.headerright{text-transform:uppercase; font-size:76px;color:#CD7674;}
.headerright a:hover{color:#444444;}
您的代码是textShadow
从一开始就定义的,而不是为hover
事件定义的。
查看https://github.com/sorccu/cufon/wiki/styling,这应该适合您:
Cufon.replace('.headerright', {
'fontFamily': 'League Gothic',
hover: {
textShadow: '0px 1px #cccccc'
}
});
Cufon.replace('.menu_item', {fontFamily: 'museo700_regular',hover: {textShadow: '0px 1px #fff'},textShadow:'0px 1px #fff', hover:true});