动态创建的li标签，用css给li标签里的图片添加阴影为什么不成功呢

html-css011

动态创建的li标签，用css给li标签里的图片添加阴影为什么不成功呢,第1张

你动态创建的代码，是把li和img都放到ul里，即类似这样：

<ul id="ps">

    <li></li>

    <img src="images/1.png" alt=""/>

    <li></li>

    .....

</ul>

这样的话，img就不受li的css约束了啊，当然就没阴影了。

应该把img放到li里，再把li放到ul里，即这样：

......

var li = document.createElement("li")

var img = document.createElement("img")

img.src = "images/"+(i+1)+".png"

li.appendChild(img)

ps.appendChild(li)

本文实例讲述了javascript实现动态导入js与css等静态资源文件的方法。分享给大家供大家参考。具体实现方法如下：

/**

*

动态导入静态资源文件js/css

*/

var

$import

=

function(){

return

function(rId,

res,

callback){

if(res

&&

'string'

==

typeof

res){

if(rId){

if($($('#'

+

rId),

$('head')).length>0){

return

}

}

//加载资源文件

var

sType

=

res.substring(res.lastIndexOf('.')

+

1)

//

支持js/css

if(sType

&&

('js'

==

sType

||

'css'

==

sType)){

var

isScript

=

(sType

==

'js')

var

tag

=

isScript

?

'script'

:

'link'

var

head

=

document.getElementsByTagName('head')[0]

//

创建节点

var

linkScript

=

document.createElement(tag)

linkScript.type

=

isScript

?

'text/javascript'

:

'text/css'

linkScript.charset

=

'UTF-8'

if(!isScript){

linkScript.rel

=

'stylesheet'

}

isScript

?

linkScript.src

=

res

:

linkScript.href

=

res

if(callback

&&

'function'

==

typeof

callback){

if

(linkScript.addEventListener){

linkScript.addEventListener('load',

function(){

callback.call()

},

false)

}

else

if

(linkScript.attachEvent)

{

linkScript.attachEvent('onreadystatechange',

function(){

var

target

=

window.event.srcElement

if

(target.readyState

==

'complete')

{

callback.call()

}

})

}

}

head.appendChild(linkScript)

}

}

}

}()

希望本文所述对大家的javascript程序设计有所帮助。

先检查编码、文件编码

其次在 test.php 中，不用生成<style ></style>标签对，这个你应该知道的吧……

还有，文件路径整对没有？？！！