我在myasp.net MVC Web应用程序中有以下代码: -
<a href="~/Content/uploads/@(item.ID).png"><img class="thumbnailimag" src="~/Content/uploads/@(item.ID).png" /></a> @Html.ActionLink(item.Name,"Details","DataCenter", new{id = item.ID},null)
Run Code Online (Sandbox Code Playgroud)
以下CSS:
.thumbnailimag {
width:30px;
height:30px;
border:thin blue;
background-image:url("/Content/uploads/virtual-data-center.jpg");
}
Run Code Online (Sandbox Code Playgroud)
但如果图像不存在,每个bowser将以不同的方式对待它.我设置了一个背景图像,但仍然在IE上它将在默认图像上显示"X",如下所示: -

如果src不存在,是否有人可以建议显示默认图像?
这些声明如何彼此不同?
String s="MY PROFESSION";
char c[]="MY PROFESSION";
Run Code Online (Sandbox Code Playgroud)
在每种情况下内存分配怎么样?
我有一个CSS3过渡但在转换结束时我的旋转重置为正常状态.HTML和CSS很简单:
HTML
<a href="#"><span></span>Test</a>
Run Code Online (Sandbox Code Playgroud)
CSS
a {
text-decoration: none;
}
a span {
display: inline-block;
width: 25px;
}
a span:before {
content:'>';
font-size: 10px;
font-weight: bold;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
a:hover span:before {
margin-left: 55%;
-webkit-transform: rotate(-90deg);
}
Run Code Online (Sandbox Code Playgroud)
转换按预期进行,但在动画结束时,旋转将重置为正常状态而不是持续存在.我已经创建了一个JSFiddle作为示例.如何保持我的轮换持续?
我知道div的定位(固定,绝对和相对).我可以将一个固定的div附加到身体上,以便在滚动身体时它会粘到相同的位置.我在这里问一个不同的问题.
我有一个高度超过视口高度的侧边栏,我希望它固定在身体上.在滚动主体时,它也应该滚动但是一旦固定div的底部可见,它就不应该与身体一起滚动.
例如,Facebook墙的右侧边栏与身体一起滚动,一旦右侧边栏的底部可见(固定),就会停止与身体一起滚动.
我有一个div:
<div id="div1" width="100px" height="100px">
</div>
Run Code Online (Sandbox Code Playgroud)
现在在这个div中我想放置20个元素,但动态它也可以增长到50个元素(图像).
我使用以下代码将这些元素追加到div中,
var i = document.createElement("img");
var d= document.getElementById("div1");
d.appendchild(i);
Run Code Online (Sandbox Code Playgroud)
现在,问题是,随着元素数量的增加,元素将超出div,如果我在图像上使用max-width和max-height,结果不会改变:
i.setAttribute('max-width', '100%');
i.setAttribute('max-height', '100%');
Run Code Online (Sandbox Code Playgroud)
有什么我想念的吗?
编辑:当div大小固定时,图像需要缩小
所以,这是获取youtube用户的公共播放列表的代码:
function getyoutubeplaylists($userName) {
$yt = connectyoutube();
$yt->setMajorProtocolVersion(2);
$playlistListFeed = $yt->getPlaylistListFeed($userName);
foreach ($playlistListFeed as $playlistListEntry) {
$playlist['title'] = $playlistListEntry->title->text;
$playlist['id'] = $playlistListEntry->getPlaylistID();
$playlists[] = $playlist;
$playlistVideoFeed = $yt->getPlaylistVideoFeed($playlistListEntry->getPlaylistVideoFeedUrl());
foreach ($playlistVideoFeed as $videoEntry) {
$playlist_assignment['youtube_id'] = substr($videoEntry->getVideoWatchPageUrl(),31,11);
$playlist_assignment['id'] = $playlist['id'];
$playlist_assignments[] = $playlist_assignment;
}
}
$everything['playlists'] = $playlists;
$everything['playlist_assignments'] = $playlist_assignments;
return $everything;
}
Run Code Online (Sandbox Code Playgroud)
问题是,这只会得到第一页或结果.关于如何使用Zend Gdata检索下一页结果的任何想法?
原始gdata XML显示了所需的URL:
<link rel="self" type="application/atom+xml" href="http://gdata.youtube.com/feeds/api/users/pennstate/playlists?start-index=1&max-results=25"/>
<link rel="next" type="application/atom+xml" href="http://gdata.youtube.com/feeds/api/users/pennstate/playlists?start-index=26&max-results=25"/>
Run Code Online (Sandbox Code Playgroud)
但是,getPlaylistListFeed似乎没有任何参数来指定"start-index"或"max-results".
我想运行一个包含flash的网站.显然,flash元素无法在iPhone,iPod和iPad上运行.由于这个事实,我想为这些设备创建一个CSS文件.我主要担心iPad,因为我可以使用@media screen其他两个的尺寸属性.
到目前为止我所拥有的是:
var IS_IPAD = navigator.userAgent.match(/iPad/i) != null;
if(IS_IPAD) ({
url: href,
dataType: 'css',
success: function(){
$('<link rel="stylesheet" type="text/css" href="'+css/ipad.css+'" />').appendTo("head");
}
});
Run Code Online (Sandbox Code Playgroud)
什么不在这里工作?
使用jquery,是否有一个selector语句直接获取具有特定字符串长度的属性的所有DOM对象?
例如,在下面的html中只检索具有string-length类的节点3 =>得到带有类1和2的div?
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
Run Code Online (Sandbox Code Playgroud) 代码如下:
(CSS)
#container {
border:1px dashed #000;
overflow:hidden;
}
#content, #sidebar {
float:left;
width:50%;
}
#content {
background:yellow;
}
#sidebar {
background:grey;
}
#sidebar {
height:100%;
}
Run Code Online (Sandbox Code Playgroud)
(HTML)
<div id="container">
<div id="content">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
</div>
<div id="sidebar">
<p>Few words</p>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我想看到一个#sidebar高度相同的#contentdiv,就像div一样,是否有可能没有绝对位置?在线版:http://jsfiddle.net/yJbUW/
我正在创建一个带按钮的叠加层.
按钮具有黑色背景,覆盖层也具有黑色背景,不透明度为0.6.
我的问题是我看不到按钮的黑色背景.
示例演示在这里.请找到截图.
HTML
<section id="s-explore">
<div class="pagebreak"><span>The Lifestyle</span> <i class="down"><</i>
</div>
<div class="wrapper layout">
<div class="col">
<div class="media">
<img id="d1" src="http://placekitten.com/300/300" />
<div class="contenthover">
<p><a href="#" class="mybutton">Lorem ipsum</a>
</p>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS
.contenthover{
color:#fff;
}
.mybutton{
padding:20px;
color:#fff;
background-color:#000;
margin:10px;
}
Run Code Online (Sandbox Code Playgroud)
jQuery的
$(function () {
$(' #d1').contenthover({
overlay_width: 300,
overlay_height: 150,
effect: 'slide',
slide_direction: 'bottom',
overlay_x_position: 'center',
overlay_y_position: 'bottom',
overlay_background: '#000',
overlay_opacity: 0.8
});
});
Run Code Online (Sandbox Code Playgroud) 我正在将数据加载到文本区域中。我需要将每个属性放在一个新行上。我遇到的问题是行之间的间距。这
<label>Customer Name: </label>
<textarea>{{currentItem.CustomerName}}
{{currentItem.CustomerAddress}}</textarea>
Run Code Online (Sandbox Code Playgroud)
返回这个:
公司名称
水晶街495号
我需要它具有正常的行距。
公司名称
495 Crystal Street
通过JSON调用,我得到了这个JSON对象:
[
{
"feeding_id": 14,
"supp_name": "Test 1",
"supp_weight": 20000,
},
{
"feeding_id": 14,
"supp_name": "Test 2",
"supp_weight": 1000,
},
{
"feeding_id": 12,
"supp_name": "Test 1",
"supp_weight": 4664,
},
{
"feeding_id": 12,
"supp_name": "Test 2",
"supp_weight": 2332,
}
]
Run Code Online (Sandbox Code Playgroud)
我想要实现的是创建一个这样的表:
______________________
| 14 | Test 1 | 20000 |
| | Test 2 | 1000 |
|____|________|_______|
| 12 | Test 1 | 4664 |
| | Test 2 | 2332 |
|____|________|_______|
Run Code Online (Sandbox Code Playgroud)
我更像是一个PHP家伙.所以我试图循环Object并将其放入一个新的Object/Array(在PHP中$array[] = array( ... )).但我无法在Javascript/jQuery中完成它. …
样式多个子元素
我在DOM中使用id作为div #parentDiv.这个div有2个元素a <span>和a <div>.
每当我将鼠标悬停在上面时,我想要设置内部跨度和内部div标签的样式#parentDiv.我如何以传统的CSS方式实现这一目标?
约束 - 这可以用传统的css方式完成.
css ×9
html ×7
jquery ×5
javascript ×3
arrays ×1
asp.net-mvc ×1
attributes ×1
css3 ×1
gdata-api ×1
height ×1
html5 ×1
ipad ×1
java ×1
json ×1
object ×1
php ×1
youtube ×1
youtube-api ×1
zend-gdata ×1